Color Palette 247 — UI color palette

UI color palette 247 with hex codes #E7B2A5, #F1935C, #BA6B57, #30475E. Use #E7B2A5 as a dominant surface, #F1935C for secondary panels, #BA6B57 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: #E7B2A5, #F1935C, #BA6B57, #30475E.

• Swatch role: #E7B2A5 reads as a mid surface.
• Swatch role: #F1935C reads as a mid surface.
• Swatch role: #BA6B57 reads as a mid surface.
• Swatch role: #30475E reads as a dark surface.
• Darkest #30475E vs lightest #E7B2A5 sits around 5.2:1, which meets WCAG AA for normal text.
• Use #BA6B57 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.