Color Palette 1525 — UI color palette

UI color palette 1525 with hex codes #F4F1AE, #FF8D52, #F85A16, #CA005E. Use #F4F1AE as a dominant surface, #FF8D52 for secondary panels, #F85A16 for accents, and #CA005E for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F4F1AE, #FF8D52, #F85A16, #CA005E.

• Swatch role: #F4F1AE reads as a near-white surface.
• Swatch role: #FF8D52 reads as a mid surface.
• Swatch role: #F85A16 reads as a mid surface.
• Swatch role: #CA005E reads as a dark surface.
• Darkest #CA005E vs lightest #F4F1AE sits around 4.9:1, which meets WCAG AA for normal text.
• Use #F85A16 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.