Color Palette 1049 — UI color palette
UI color palette 1049 with hex codes #D1F386, #EDA045, #DF654A, #CC376D. Use #D1F386 as a dominant surface, #EDA045 for secondary panels, #DF654A for accents, and #CC376D for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #D1F386, #EDA045, #DF654A, #CC376D.
- Swatch role: #D1F386 reads as a light surface.
- Swatch role: #EDA045 reads as a mid surface.
- Swatch role: #DF654A reads as a mid surface.
- Swatch role: #CC376D reads as a dark surface.
- Darkest #CC376D vs lightest #D1F386 sits around 3.9:1, which is closer to large-text / UI-component contrast.
- Use #DF654A 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.