Color Palette 1663 — UI color palette

UI color palette 1663 with hex codes #A42127, #C83B3B, #EF9B59, #FEE785. Use #A42127 as a dominant surface, #C83B3B for secondary panels, #EF9B59 for accents, and #FEE785 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #A42127, #C83B3B, #EF9B59, #FEE785.

• Swatch role: #A42127 reads as a dark surface.
• Swatch role: #C83B3B reads as a dark surface.
• Swatch role: #EF9B59 reads as a mid surface.
• Swatch role: #FEE785 reads as a light surface.
• Darkest #A42127 vs lightest #FEE785 sits around 6.0:1, which meets WCAG AA for normal text.
• Use #EF9B59 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.