Color Palette 253 — UI color palette

UI color palette 253 with hex codes #65587F, #F18867, #E85F99, #50BDA1. Use #65587F as a dominant surface, #F18867 for secondary panels, #E85F99 for accents, and #50BDA1 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #65587F, #F18867, #E85F99, #50BDA1.

• Swatch role: #65587F reads as a dark surface.
• Swatch role: #F18867 reads as a mid surface.
• Swatch role: #E85F99 reads as a mid surface.
• Swatch role: #50BDA1 reads as a mid surface.
• Darkest #65587F vs lightest #50BDA1 sits around 2.8:1, which is soft—better for backgrounds than small body copy.
• Use #E85F99 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.