Tempered Navy color palette — #E2FAFF · #B8E6FF · #72A7DD · #4C65AB · #301F68
Royal Purple and Slate set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E2FAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Powder Blue (#B8E6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cornflower (#72A7DD): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4C65AB): A full-bodied, balanced violet — the color of wild irises.
- Royal Purple (#301F68): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Airy Studio color palette (#ECF7FF, #D0DFFF, #9094DB, #74579A, #4E125D)
- Gentle Petrol Study color palette (#D6FFF8, #92EEF2, #4BABC3, #0E6E99, #003161)
- Weathered Iris Ridge color palette (#E0FAD1, #94DDE9, #5EB8EE, #717FE2, #53176C)
- Aubergine Boulevard color palette (#D8FFF4, #E6E2F1, #AFADE6, #8470A4, #593164)
- Tempered Cobalt Studio color palette (#C5FFEB, #61C4D9, #007EC0, #483E8F, #320641)
- Soft Ultramarine Lagoon color palette (#D4EEF9, #008EDB, #1243C4, #19005C, #020007)
- Chalky Aubergine Harbor color palette (#EAF8FF, #9AC7FF, #626DFC, #4D00B7, #25003B)
- Moonless Indigo Grove color palette (#D9E4F3, #5B68DC, #4C1990, #1A0028, #030003)
Browse the whole catalog at Explore, or see today's palette.