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