Color Palette 376 — UI color palette

UI color palette 376 with hex codes #494CA2, #8186D5, #C6CBEF, #E3E7F1. Use #494CA2 as a dominant surface, #8186D5 for secondary panels, #C6CBEF for accents, and #E3E7F1 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #494CA2, #8186D5, #C6CBEF, #E3E7F1.

• Swatch role: #494CA2 reads as a dark surface.
• Swatch role: #8186D5 reads as a mid surface.
• Swatch role: #C6CBEF reads as a light surface.
• Swatch role: #E3E7F1 reads as a light surface.
• Darkest #494CA2 vs lightest #E3E7F1 sits around 6.0:1, which meets WCAG AA for normal text.
• Use #C6CBEF 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.