Color Palette 639 — UI color palette
UI color palette 639 with hex codes #FFF4E3, #FFCDAB, #FFA45C, #5D5D5A. Use #FFF4E3 as a dominant surface, #FFCDAB for secondary panels, #FFA45C for accents, and #5D5D5A for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFF4E3, #FFCDAB, #FFA45C, #5D5D5A.
- Swatch role: #FFF4E3 reads as a near-white surface.
- Swatch role: #FFCDAB reads as a light surface.
- Swatch role: #FFA45C reads as a mid surface.
- Swatch role: #5D5D5A reads as a dark surface.
- Darkest #5D5D5A vs lightest #FFF4E3 sits around 6.1:1, which meets WCAG AA for normal text.
- Use #FFA45C 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.