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