Color Palette 1481 — UI color palette

UI color palette 1481 with hex codes #2F3C4F, #506E86, #FCB040, #DE703B. Use #2F3C4F as a dominant surface, #506E86 for secondary panels, #FCB040 for accents, and #DE703B for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #2F3C4F, #506E86, #FCB040, #DE703B.

• Swatch role: #2F3C4F reads as a near-black surface.
• Swatch role: #506E86 reads as a dark surface.
• Swatch role: #FCB040 reads as a mid surface.
• Swatch role: #DE703B reads as a mid surface.
• Darkest #2F3C4F vs lightest #FCB040 sits around 6.1:1, which meets WCAG AA for normal text.
• Use #FCB040 for secondary UI (borders, muted labels, chips) so the extremes stay reserved for hierarchy.
• Map one dark and one light token to text/background pairs, then keep accents for buttons, links, and focus rings.