Color Palette 1650 — UI color palette

UI color palette 1650 with hex codes #F9EBC4, #A7CF5D, #A97555, #483D3C. Use #F9EBC4 as a dominant surface, #A7CF5D for secondary panels, #A97555 for accents, and #483D3C for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F9EBC4, #A7CF5D, #A97555, #483D3C.

• Swatch role: #F9EBC4 reads as a light surface.
• Swatch role: #A7CF5D reads as a mid surface.
• Swatch role: #A97555 reads as a mid surface.
• Swatch role: #483D3C reads as a dark surface.
• Darkest #483D3C vs lightest #F9EBC4 sits around 8.8:1, which exceeds WCAG AAA for normal text.
• Use #A97555 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.