Tempered Navy color palette — #DAE0E8 · #ADB3C1 · #848CA8 · #1D3E85 · #040B17

A conversation between Navy and Slate Blue, giving this palette its sense of sophistication.

The five colors

• Silver (#DAE0E8): bright and airy, almost weightless.
• Ash (#ADB3C1): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#848CA8): A luminous, dusty violet — the color of a velvet chair.
• Navy (#1D3E85): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#040B17): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: 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 Dune color palette (#E3E3EE, #B3B0C3, #90899F, #592877, #0A071A)
• Navy Quarry color palette (#F0EBF0, #C3B4BC, #A2858D, #00418B, #29182A)
• Denim Terrace color palette (#EEF6FF, #DCD6E8, #B9B8CF, #31609C, #050D17)
• Hushed Mulberry color palette (#EBE7F0, #D0C7D7, #AB9EB0, #773E66, #18141E)
• Ultramarine Lagoon color palette (#EAE4E9, #CFBECA, #B59CAB, #1154D0, #271A26)
• Weathered Dune color palette (#DEDDEA, #8E8B9A, #6F667B, #430055, #010105)
• Aged Petrol color palette (#EEF2F9, #D9D5DF, #C1B9C9, #6772A1, #292C33)
• Quiet Lapis Quarry color palette (#EAD8E7, #6250B8, #511C72, #400009, #08001A)

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