Tempered Navy color palette — #DEE7F0 · #97A0B4 · #86729A · #003863 · #00040D

Navy takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DEE7F0): bright and airy, almost weightless.
• Blue Fog (#97A0B4): A luminous, dusty violet — the color of a velvet chair.
• Slate (#86729A): A full-bodied, dusty violet — the color of wild irises.
• Navy (#003863): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00040D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Softworn Aubergine color palette (#ECEEF5, #9E9EAE, #837399, #30178A, #02030F)
• Timeworn Denim color palette (#E3F2EE, #C7AABD, #AC8B96, #065591, #071714)
• Patina Navy Grove color palette (#F3EBF3, #DFC8D9, #9FA2CC, #134999, #050106)
• Aubergine Dune color palette (#EDEBF3, #B8B0BC, #A0829C, #681D6A, #0C0815)
• Tempered Pewter Lantern color palette (#F1F1F8, #DFD2DA, #C4AFC6, #755684, #201F27)
• Hushed Lantern color palette (#D9E6F1, #7462AE, #662F56, #0D2E04, #010C00)
• Tempered Driftwood color palette (#EFF2F8, #DAD5DE, #BDABB0, #7581A9, #34363B)
• Washed Lapis color palette (#E4EDFF, #009BBE, #5145FF, #870080, #03000F)

Browse the whole catalog at Explore, or see today's palette.