Color Palette 845 — UI color palette

UI color palette 845 with hex codes #DB3B61, #EF3F61, #3A3A59, #555574. Use #DB3B61 as a dominant surface, #EF3F61 for secondary panels, #3A3A59 for accents, and #555574 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #DB3B61, #EF3F61, #3A3A59, #555574.

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