Tempered Navy color palette — #DCE4FF · #7D90DA · #3D41B3 · #07008A · #020656
Built around Indigo, softened by Indigo — the whole palette hums with creativity and calm.
The five colors
- Frost (#DCE4FF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Lavender Blue (#7D90DA): A luminous, balanced violet — the color of wild irises.
- Indigo (#3D41B3): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#07008A): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#020656): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Calm, Energy. Tagged monochrome, cool.
Use it as a design system
One click turns Tempered Navy into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Soft Ultramarine Terrace color palette (#E8EFFF, #7394F5, #333ED7, #0F1172, #01001F)
- Nightshade Meadow color palette (#E4E3FF, #907ED2, #573DAD, #2C0078, #19003E)
- Dusty Sapphire Atelier color palette (#D4E0FF, #8EA5FF, #4063EF, #252F91, #070847)
- Quiet Denim Thicket color palette (#D8EAFF, #5793D3, #0051A3, #002B53, #001934)
- Timeworn Alley color palette (#E1ECDD, #EEA52B, #6E6FEC, #130F41, #1D0A18)
- Wandering Courtyard color palette (#F7D3FB, #AD76BC, #792D94, #420053, #24002C)
- Aubergine Corridor color palette (#FFF1F6, #C3B1E8, #8766AC, #552B76, #392150)
- Ancient Study color palette (#F7E6EC, #9676C4, #823300, #570095, #1A0800)
Browse the whole catalog at Explore, or see today's palette.