Tempered Navy color palette — #E5ECF4 · #B4BACF · #918DAD · #133975 · #000105
A conversation between Navy and Heather, giving this palette its sense of trust and stability.
The five colors
- Frost (#E5ECF4): a clean, paper-quiet neutral.
- Ash (#B4BACF): A luminous, dusty violet — the color of twilight just after sunset.
- Heather (#918DAD): A luminous, dusty violet — the color of a velvet chair.
- Navy (#133975): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000105): 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
- Dusty Navy color palette (#E4DFE4, #A2969D, #856772, #001082, #10050F)
- Denim Meadow color palette (#DCE4EF, #A49DAA, #968093, #2C62AB, #020916)
- Antique Veranda color palette (#EFECF9, #D8CAE0, #B89BB5, #732877, #030109)
- Chalky Drift color palette (#D4E5FE, #8F6BC6, #742E50, #102D00, #000200)
- Cobalt Courtyard color palette (#F2F5FD, #DFD8E2, #D3BACC, #6C6EB0, #1A1E29)
- Raspberry Parlor color palette (#F7F3FF, #E9D6DE, #BBAD9E, #B752A1, #282034)
- Wandering Workshop color palette (#F1F5FD, #DED8E2, #BDB3AB, #788ED3, #2E3541)
- Violet Corridor color palette (#E1E4F4, #44B2FE, #8E62FF, #931F75, #020006)
Browse the whole catalog at Explore, or see today's palette.