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