Color Palette 878 — UI color palette

UI color palette 878 with hex codes #333366, #FF5F5F, #F9E75E, #F0F0F0. Use #333366 as a dominant surface, #FF5F5F for secondary panels, #F9E75E for accents, and #F0F0F0 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #333366, #FF5F5F, #F9E75E, #F0F0F0.

• Swatch role: #333366 reads as a near-black surface.
• Swatch role: #FF5F5F reads as a mid surface.
• Swatch role: #F9E75E reads as a light surface.
• Swatch role: #F0F0F0 reads as a near-white surface.
• Darkest #333366 vs lightest #F0F0F0 sits around 10.2:1, which exceeds WCAG AAA for normal text.
• Use #F9E75E 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.