Color Palette 130 — UI color palette

UI color palette 130 with hex codes #CFF6CF, #CFE5CF, #E5CFE5, #F6DEF6. Use #CFF6CF as a dominant surface, #CFE5CF for secondary panels, #E5CFE5 for accents, and #F6DEF6 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #CFF6CF, #CFE5CF, #E5CFE5, #F6DEF6.

• Swatch role: #CFF6CF reads as a light surface.
• Swatch role: #CFE5CF reads as a light surface.
• Swatch role: #E5CFE5 reads as a light surface.
• Swatch role: #F6DEF6 reads as a light surface.
• Darkest #E5CFE5 vs lightest #CFF6CF sits around 1.2:1, which is soft—better for backgrounds than small body copy.
• Use #E5CFE5 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.