Tempered Navy color palette — #D9DFE7 · #9EA5B1 · #7A85A6 · #0C3D94 · #030914
A conversation between Indigo and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Silver (#D9DFE7): bright and airy, almost weightless.
- Blue Fog (#9EA5B1): soft and architectural.
- Slate Blue (#7A85A6): A luminous, dusty violet — the color of wild irises.
- Indigo (#0C3D94): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#030914): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Abyss Thicket color palette (#E7F2FA, #9CA6AF, #77889A, #004C65, #000B14)
- Timeworn Aubergine color palette (#E0E0E7, #A4A2B2, #89829B, #5E1C88, #080618)
- Tempered Terrace color palette (#F0E4EE, #CAB2C4, #A28998, #163876, #030003)
- Softworn Onyx Study color palette (#E2E8F0, #959AA7, #6D6C92, #002B55, #030A13)
- Hushed Drift color palette (#F1EBF1, #B7999C, #A57F78, #1C64AC, #0D060E)
- Grape Workshop color palette (#ECEDF4, #C3C3CE, #A79FC1, #7A36B6, #1D1E2B)
- Antique Mulberry color palette (#F6E5FD, #91668C, #783956, #4A2100, #190D00)
- Dusty Violet Veranda color palette (#F3F5FB, #DCD7DE, #C8B9CC, #846ECB, #373A46)
Browse the whole catalog at Explore, or see today's palette.