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