Color Palette 1674 — UI color palette
UI color palette 1674 with hex codes #B2E672, #FFFD88, #FFD478, #F96B85. Use #B2E672 as a dominant surface, #FFFD88 for secondary panels, #FFD478 for accents, and #F96B85 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #B2E672, #FFFD88, #FFD478, #F96B85.
- Swatch role: #B2E672 reads as a light surface.
- Swatch role: #FFFD88 reads as a near-white surface.
- Swatch role: #FFD478 reads as a light surface.
- Swatch role: #F96B85 reads as a mid surface.
- Darkest #F96B85 vs lightest #FFFD88 sits around 2.6:1, which is soft—better for backgrounds than small body copy.
- Use #FFD478 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.