Color Palette 178 — UI color palette
UI color palette 178 with hex codes #FFE8DF, #FFFFFF, #F0F0F0, #888888. Use #FFE8DF as a dominant surface, #FFFFFF for secondary panels, #F0F0F0 for accents, and #888888 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFE8DF, #FFFFFF, #F0F0F0, #888888.
- Swatch role: #FFE8DF reads as a light surface.
- Swatch role: #FFFFFF reads as a near-white surface.
- Swatch role: #F0F0F0 reads as a near-white surface.
- Swatch role: #888888 reads as a mid surface.
- Darkest #888888 vs lightest #FFFFFF sits around 3.5:1, which is closer to large-text / UI-component contrast.
- Use #F0F0F0 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.