Color Palette 142 — UI color palette
UI color palette 142 with hex codes #FF9595, #342B38, #80BDAB, #BBF1C8. Use #FF9595 as a dominant surface, #342B38 for secondary panels, #80BDAB for accents, and #BBF1C8 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FF9595, #342B38, #80BDAB, #BBF1C8.
- Swatch role: #FF9595 reads as a mid surface.
- Swatch role: #342B38 reads as a near-black surface.
- Swatch role: #80BDAB reads as a mid surface.
- Swatch role: #BBF1C8 reads as a light surface.
- Darkest #342B38 vs lightest #BBF1C8 sits around 10.7:1, which exceeds WCAG AAA for normal text.
- Use #80BDAB 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.