Color Palette 409 — UI color palette

UI color palette 409 with hex codes #D9EEEC, #64B2CD, #3C70A4, #DA9833. Use #D9EEEC as a dominant surface, #64B2CD for secondary panels, #3C70A4 for accents, and #DA9833 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #D9EEEC, #64B2CD, #3C70A4, #DA9833.

• Swatch role: #D9EEEC reads as a light surface.
• Swatch role: #64B2CD reads as a mid surface.
• Swatch role: #3C70A4 reads as a dark surface.
• Swatch role: #DA9833 reads as a mid surface.
• Darkest #3C70A4 vs lightest #D9EEEC sits around 4.3:1, which is closer to large-text / UI-component contrast.
• Use #3C70A4 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.