Color Palette 1628 — UI color palette

UI color palette 1628 with hex codes #FDF196, #C5FCDA, #98E5EC, #67BAC6. Use #FDF196 as a dominant surface, #C5FCDA for secondary panels, #98E5EC for accents, and #67BAC6 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FDF196, #C5FCDA, #98E5EC, #67BAC6.

• Swatch role: #FDF196 reads as a near-white surface.
• Swatch role: #C5FCDA reads as a near-white surface.
• Swatch role: #98E5EC reads as a light surface.
• Swatch role: #67BAC6 reads as a mid surface.
• Darkest #67BAC6 vs lightest #C5FCDA sits around 1.9:1, which is soft—better for backgrounds than small body copy.
• Use #98E5EC 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.