Color Palette 670 — UI color palette
UI color palette 670 with hex codes #E6DEDD, #8F1D14, #1B120F, #F89D13. Use #E6DEDD as a dominant surface, #8F1D14 for secondary panels, #1B120F for accents, and #F89D13 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #E6DEDD, #8F1D14, #1B120F, #F89D13.
- Swatch role: #E6DEDD reads as a light surface.
- Swatch role: #8F1D14 reads as a dark surface.
- Swatch role: #1B120F reads as a near-black surface.
- Swatch role: #F89D13 reads as a mid surface.
- Darkest #1B120F vs lightest #E6DEDD sits around 13.9:1, which exceeds WCAG AAA for normal text.
- Use #1B120F 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.