Color Palette 887 — UI color palette

UI color palette 887 with hex codes #404B69, #283149, #F73859, #F3ECC8. Use #404B69 as a dominant surface, #283149 for secondary panels, #F73859 for accents, and #F3ECC8 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #404B69, #283149, #F73859, #F3ECC8.

• Swatch role: #404B69 reads as a dark surface.
• Swatch role: #283149 reads as a near-black surface.
• Swatch role: #F73859 reads as a mid surface.
• Swatch role: #F3ECC8 reads as a light surface.
• Darkest #283149 vs lightest #F3ECC8 sits around 10.9:1, which exceeds WCAG AAA for normal text.
• Use #F73859 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.