Color Palette 290 — UI color palette
UI color palette 290 with hex codes #FFB99A, #FF6464, #DB3056, #851D41. Use #FFB99A as a dominant surface, #FF6464 for secondary panels, #DB3056 for accents, and #851D41 for supporting UI chrome. Copy these swatches into Figma or CSS custom properties for landing pages, dashboards, and marketing sites. Hex set: #FFB99A, #FF6464, #DB3056, #851D41.
- Swatch role: #FFB99A reads as a light surface.
- Swatch role: #FF6464 reads as a mid surface.
- Swatch role: #DB3056 reads as a dark surface.
- Swatch role: #851D41 reads as a dark surface.
- Darkest #851D41 vs lightest #FFB99A sits around 5.6:1, which meets WCAG AA for normal text.
- Use #DB3056 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.