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