Color Palette 494 — UI color palette

UI color palette 494 with hex codes #F1D4D4, #DDB6C6, #AC8DAF, #484C7F. Use #F1D4D4 as a dominant surface, #DDB6C6 for secondary panels, #AC8DAF for accents, and #484C7F for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F1D4D4, #DDB6C6, #AC8DAF, #484C7F.

• Swatch role: #F1D4D4 reads as a light surface.
• Swatch role: #DDB6C6 reads as a mid surface.
• Swatch role: #AC8DAF reads as a mid surface.
• Swatch role: #484C7F reads as a dark surface.
• Darkest #484C7F vs lightest #F1D4D4 sits around 5.8:1, which meets WCAG AA for normal text.
• Use #AC8DAF 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.