Color Palette 1052 — UI color palette
UI color palette 1052 with hex codes #37474F, #607D8B, #90A4AE, #F7B633. Use #37474F as a dominant surface, #607D8B for secondary panels, #90A4AE for accents, and #F7B633 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #37474F, #607D8B, #90A4AE, #F7B633.
- Swatch role: #37474F reads as a dark surface.
- Swatch role: #607D8B reads as a dark surface.
- Swatch role: #90A4AE reads as a mid surface.
- Swatch role: #F7B633 reads as a mid surface.
- Darkest #37474F vs lightest #F7B633 sits around 5.4:1, which meets WCAG AA for normal text.
- Use #90A4AE 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.