Color Palette 497 — UI color palette

UI color palette 497 with hex codes #525252, #414141, #313131, #CA3E47. Use #525252 as a dominant surface, #414141 for secondary panels, #313131 for accents, and #CA3E47 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #525252, #414141, #313131, #CA3E47.

• Swatch role: #525252 reads as a dark surface.
• Swatch role: #414141 reads as a dark surface.
• Swatch role: #313131 reads as a near-black surface.
• Swatch role: #CA3E47 reads as a dark surface.
• Darkest #313131 vs lightest #CA3E47 sits around 2.7:1, which is soft—better for backgrounds than small body copy.
• Use #313131 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.