Color Palette 1504 — UI color palette

UI color palette 1504 with hex codes #C9182B, #F23A3A, #E3F3AC, #44C662. Use #C9182B as a dominant surface, #F23A3A for secondary panels, #E3F3AC for accents, and #44C662 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #C9182B, #F23A3A, #E3F3AC, #44C662.

• Swatch role: #C9182B reads as a dark surface.
• Swatch role: #F23A3A reads as a mid surface.
• Swatch role: #E3F3AC reads as a light surface.
• Swatch role: #44C662 reads as a mid surface.
• Darkest #C9182B vs lightest #E3F3AC sits around 4.8:1, which meets WCAG AA for normal text.
• Use #E3F3AC 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.