Color Palette 396 — UI color palette

UI color palette 396 with hex codes #FFDFDF, #FBC1BC, #315B96, #233567. Use #FFDFDF as a dominant surface, #FBC1BC for secondary panels, #315B96 for accents, and #233567 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFDFDF, #FBC1BC, #315B96, #233567.

• Swatch role: #FFDFDF reads as a light surface.
• Swatch role: #FBC1BC reads as a light surface.
• Swatch role: #315B96 reads as a dark surface.
• Swatch role: #233567 reads as a near-black surface.
• Darkest #233567 vs lightest #FFDFDF sits around 9.5:1, which exceeds WCAG AAA for normal text.
• Use #315B96 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.