Color Palette 392 — UI color palette

UI color palette 392 with hex codes #5026A7, #8D448B, #CC6A87, #ECCD8F. Use #5026A7 as a dominant surface, #8D448B for secondary panels, #CC6A87 for accents, and #ECCD8F for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #5026A7, #8D448B, #CC6A87, #ECCD8F.

• Swatch role: #5026A7 reads as a dark surface.
• Swatch role: #8D448B reads as a dark surface.
• Swatch role: #CC6A87 reads as a mid surface.
• Swatch role: #ECCD8F reads as a light surface.
• Darkest #5026A7 vs lightest #ECCD8F sits around 6.3:1, which meets WCAG AA for normal text.
• Use #CC6A87 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.