Color Palette 228 — UI color palette

UI color palette 228 with hex codes #1EB2A6, #D4F8E8, #FFA34D, #F67575. Use #1EB2A6 as a dominant surface, #D4F8E8 for secondary panels, #FFA34D for accents, and #F67575 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #1EB2A6, #D4F8E8, #FFA34D, #F67575.

• Swatch role: #1EB2A6 reads as a mid surface.
• Swatch role: #D4F8E8 reads as a near-white surface.
• Swatch role: #FFA34D reads as a mid surface.
• Swatch role: #F67575 reads as a mid surface.
• Darkest #F67575 vs lightest #D4F8E8 sits around 2.4:1, which is soft—better for backgrounds than small body copy.
• Use #FFA34D 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.