Color Palette 229 — UI color palette

UI color palette 229 with hex codes #721B65, #B80D57, #F8615A, #FFD868. Use #721B65 as a dominant surface, #B80D57 for secondary panels, #F8615A for accents, and #FFD868 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #721B65, #B80D57, #F8615A, #FFD868.

• Swatch role: #721B65 reads as a dark surface.
• Swatch role: #B80D57 reads as a dark surface.
• Swatch role: #F8615A reads as a mid surface.
• Swatch role: #FFD868 reads as a light surface.
• Darkest #721B65 vs lightest #FFD868 sits around 7.4:1, which exceeds WCAG AAA for normal text.
• Use #F8615A 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.