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