Color Palette 41 — UI color palette

UI color palette 41 with hex codes #E7DEC8, #CBAF87, #7E8A97, #30475E. Use #E7DEC8 as a dominant surface, #CBAF87 for secondary panels, #7E8A97 for accents, and #30475E for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #E7DEC8, #CBAF87, #7E8A97, #30475E.

• Swatch role: #E7DEC8 reads as a light surface.
• Swatch role: #CBAF87 reads as a mid surface.
• Swatch role: #7E8A97 reads as a mid surface.
• Swatch role: #30475E reads as a dark surface.
• Darkest #30475E vs lightest #E7DEC8 sits around 7.2:1, which exceeds WCAG AAA for normal text.
• Use #7E8A97 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.