Tempered Navy color palette — #D7E0EB · #ADB2C8 · #9188A5 · #10437D · #020B18
A conversation between Navy and Heather, giving this palette its sense of trust and stability.
The five colors
- Silver (#D7E0EB): bright and airy, almost weightless.
- Ash (#ADB2C8): A luminous, dusty violet — the color of a velvet chair.
- Heather (#9188A5): A luminous, dusty violet — the color of wild irises.
- Navy (#10437D): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#020B18): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Weathered Navy color palette (#E5EAF4, #9F9CB8, #83768C, #2B247D, #010311)
- Antique Studio color palette (#EDF1FF, #D5CFEF, #BBA0C4, #574E99, #151928)
- Dusty Meadow color palette (#EEF2F9, #DDD5E1, #C6B9C2, #63749D, #292C32)
- Aged Summit color palette (#DBEACA, #006C9D, #5B0078, #162300, #01011E)
- Dusty Indigo Summit color palette (#DFEBF4, #7B63BB, #80404D, #0E370F, #011901)
- Powdered Forest color palette (#DEF3DC, #7D7D1F, #06530D, #3D1940, #080800)
- Velvet Archive color palette (#D8DDF1, #4B00AC, #302324, #1F0118, #01000A)
- Violet Cabin color palette (#E4EBFF, #00B1D4, #7A6AFF, #AE145C, #090011)
Browse the whole catalog at Explore, or see today's palette.