Tempered Navy color palette — #DAE1EA · #9CA5B6 · #80859C · #004485 · #030A13

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

The five colors

• Silver (#DAE1EA): bright and airy, almost weightless.
• Blue Fog (#9CA5B6): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#80859C): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#004485): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#030A13): 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

• Aged Navy color palette (#ECE4ED, #C4B6C0, #938BB6, #003B75, #020003)
• Antique Station color palette (#DDE2E7, #9599A7, #726B8A, #002C4F, #000A18)
• Worn Petrol Boulevard color palette (#DDECE7, #B79FA0, #A78379, #0067A8, #000C09)
• Aubergine Atelier color palette (#E3E2EB, #B8B0C6, #9F8EA6, #6E397B, #141024)
• Dusty Lagoon color palette (#D4DFFD, #7A6994, #6A4664, #3A2D00, #0C1500)
• Muted Raspberry Workshop color palette (#F6F3FF, #E4D9ED, #CFB3D2, #A851A0, #352F41)
• Airy Garden color palette (#D7E3F9, #0097E5, #645FFD, #8432A8, #030014)
• Muted Fern color palette (#DEF0E4, #727C2B, #295100, #002F46, #050700)

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