Color Palette 11 — UI color palette
UI color palette 11 with hex codes #F6F5F5, #EE6F57, #1F3C88, #070D59. Use #F6F5F5 as a dominant surface, #EE6F57 for secondary panels, #1F3C88 for accents, and #070D59 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F6F5F5, #EE6F57, #1F3C88, #070D59.
- Swatch role: #F6F5F5 reads as a near-white surface.
- Swatch role: #EE6F57 reads as a mid surface.
- Swatch role: #1F3C88 reads as a dark surface.
- Swatch role: #070D59 reads as a near-black surface.
- Darkest #070D59 vs lightest #F6F5F5 sits around 15.9:1, which exceeds WCAG AAA for normal text.
- Use #1F3C88 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.