Color Palette 413 — UI color palette

UI color palette 413 with hex codes #202040, #202060, #602080, #B030B0. Use #202040 as a dominant surface, #202060 for secondary panels, #602080 for accents, and #B030B0 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #202040, #202060, #602080, #B030B0.

• Swatch role: #202040 reads as a near-black surface.
• Swatch role: #202060 reads as a near-black surface.
• Swatch role: #602080 reads as a dark surface.
• Swatch role: #B030B0 reads as a dark surface.
• Darkest #202040 vs lightest #B030B0 sits around 2.9:1, which is soft—better for backgrounds than small body copy.
• Use #602080 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.