Color Palette 406 — UI color palette
UI color palette 406 with hex codes #3B064D, #8105D8, #ED0CEF, #FE59D7. Use #3B064D as a dominant surface, #8105D8 for secondary panels, #ED0CEF for accents, and #FE59D7 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #3B064D, #8105D8, #ED0CEF, #FE59D7.
- Swatch role: #3B064D reads as a near-black surface.
- Swatch role: #8105D8 reads as a dark surface.
- Swatch role: #ED0CEF reads as a mid surface.
- Swatch role: #FE59D7 reads as a mid surface.
- Darkest #3B064D vs lightest #FE59D7 sits around 5.8:1, which meets WCAG AA for normal text.
- Use #ED0CEF 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.