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