Color Palette 656 — UI color palette

UI color palette 656 with hex codes #F4F3F3, #DFDFDF, #BFD8D5, #B1BED5. Use #F4F3F3 as a dominant surface, #DFDFDF for secondary panels, #BFD8D5 for accents, and #B1BED5 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F4F3F3, #DFDFDF, #BFD8D5, #B1BED5.

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