Color Palette 475 — UI color palette

UI color palette 475 with hex codes #FFF1AC, #F9BCDD, #D5A4CF, #B689B0. Use #FFF1AC as a dominant surface, #F9BCDD for secondary panels, #D5A4CF for accents, and #B689B0 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFF1AC, #F9BCDD, #D5A4CF, #B689B0.

• Swatch role: #FFF1AC reads as a near-white surface.
• Swatch role: #F9BCDD reads as a light surface.
• Swatch role: #D5A4CF reads as a mid surface.
• Swatch role: #B689B0 reads as a mid surface.
• Darkest #B689B0 vs lightest #FFF1AC sits around 2.6:1, which is soft—better for backgrounds than small body copy.
• Use #D5A4CF 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.