Color Palette 408 — UI color palette

UI color palette 408 with hex codes #F7E8F6, #F1C6E7, #E5B0EA, #BD83CE. Use #F7E8F6 as a dominant surface, #F1C6E7 for secondary panels, #E5B0EA for accents, and #BD83CE for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F7E8F6, #F1C6E7, #E5B0EA, #BD83CE.

• Swatch role: #F7E8F6 reads as a light surface.
• Swatch role: #F1C6E7 reads as a light surface.
• Swatch role: #E5B0EA reads as a mid surface.
• Swatch role: #BD83CE reads as a mid surface.
• Darkest #BD83CE vs lightest #F7E8F6 sits around 2.4:1, which is soft—better for backgrounds than small body copy.
• Use #E5B0EA 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.