Color Palette 1158 — UI color palette

UI color palette 1158 with hex codes #324E7B, #86A6DF, #5068A9, #F8F8F8. Use #324E7B as a dominant surface, #86A6DF for secondary panels, #5068A9 for accents, and #F8F8F8 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #324E7B, #86A6DF, #5068A9, #F8F8F8.

• Swatch role: #324E7B reads as a dark surface.
• Swatch role: #86A6DF reads as a mid surface.
• Swatch role: #5068A9 reads as a dark surface.
• Swatch role: #F8F8F8 reads as a near-white surface.
• Darkest #324E7B vs lightest #F8F8F8 sits around 7.9:1, which exceeds WCAG AAA for normal text.
• Use #5068A9 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.