Color Palette 780 — UI color palette

UI color palette 780 with hex codes #F0ECE2, #DFD3C3, #C7B198, #596E79. Use #F0ECE2 as a dominant surface, #DFD3C3 for secondary panels, #C7B198 for accents, and #596E79 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F0ECE2, #DFD3C3, #C7B198, #596E79.

• Swatch role: #F0ECE2 reads as a light surface.
• Swatch role: #DFD3C3 reads as a light surface.
• Swatch role: #C7B198 reads as a mid surface.
• Swatch role: #596E79 reads as a dark surface.
• Darkest #596E79 vs lightest #F0ECE2 sits around 4.5:1, which meets WCAG AA for normal text.
• Use #C7B198 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.