Color Palette 1009 — UI color palette
UI color palette 1009 with hex codes #FFFDE1, #FEF778, #FBA746, #7F7F7F. Use #FFFDE1 as a dominant surface, #FEF778 for secondary panels, #FBA746 for accents, and #7F7F7F for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFFDE1, #FEF778, #FBA746, #7F7F7F.
- Swatch role: #FFFDE1 reads as a near-white surface.
- Swatch role: #FEF778 reads as a near-white surface.
- Swatch role: #FBA746 reads as a mid surface.
- Swatch role: #7F7F7F reads as a mid surface.
- Darkest #7F7F7F vs lightest #FFFDE1 sits around 3.9:1, which is closer to large-text / UI-component contrast.
- Use #FBA746 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.