Color Palette 1376 — UI color palette

UI color palette 1376 with hex codes #F4F56E, #72E8E1, #58B3D3, #418C9F. Use #F4F56E as a dominant surface, #72E8E1 for secondary panels, #58B3D3 for accents, and #418C9F for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #F4F56E, #72E8E1, #58B3D3, #418C9F.

• Swatch role: #F4F56E reads as a near-white surface.
• Swatch role: #72E8E1 reads as a light surface.
• Swatch role: #58B3D3 reads as a mid surface.
• Swatch role: #418C9F reads as a mid surface.
• Darkest #418C9F vs lightest #F4F56E sits around 3.3:1, which is closer to large-text / UI-component contrast.
• Use #58B3D3 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.