Tempered Navy color palette — #E5EDF6 · #9699A8 · #736B86 · #002A58 · #020916

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

The five colors

• Frost (#E5EDF6): bright and airy, almost weightless.
• Blue Fog (#9699A8): A luminous, dusty violet — the color of wild irises.
• Slate (#736B86): A full-bodied, dusty violet — the color of wild irises.
• Midnight (#002A58): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#020916): 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

• Timeworn Navy color palette (#F5ECF4, #998892, #835F6D, #00206A, #030003)
• Tempered Navy color palette (#E5ECF5, #9CA4B9, #8D7DA6, #1A408A, #040914)
• Timeworn Station color palette (#EEECF9, #B0A4B5, #927589, #5A0067, #151024)
• Tempered Lantern color palette (#D0F9FC, #447490, #453363, #002315, #010D16)
• Petrol Canyon color palette (#E3DDE3, #BA999A, #9D8278, #2F65A1, #0E060E)
• Aged Chapel color palette (#EBEEF7, #CBCBD5, #A999B4, #444A9A, #252D41)
• Wandering Mulberry color palette (#F7F3FF, #DCCCDE, #BA9DAC, #980088, #372D47)
• Dusty Lapis Study color palette (#E3EDFD, #00888F, #5440E5, #720046, #05000E)

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