Color Palette 199 — UI color palette

UI color palette 199 with hex codes #342EAD, #EA6227, #F2A51A, #B9EBCC. Use #342EAD as a dominant surface, #EA6227 for secondary panels, #F2A51A for accents, and #B9EBCC for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #342EAD, #EA6227, #F2A51A, #B9EBCC.

• Swatch role: #342EAD reads as a dark surface.
• Swatch role: #EA6227 reads as a mid surface.
• Swatch role: #F2A51A reads as a mid surface.
• Swatch role: #B9EBCC reads as a light surface.
• Darkest #342EAD vs lightest #B9EBCC sits around 7.4:1, which exceeds WCAG AAA for normal text.
• Use #F2A51A 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.