Tempered Navy color palette — #DDE4EF · #9AA5BD · #7E859F · #243E89 · #050912
A conversation between Indigo and Slate Blue, giving this palette its sense of creativity and sophistication.
The five colors
- Frost (#DDE4EF): a clean, paper-quiet neutral.
- Blue Fog (#9AA5BD): A luminous, dusty violet — the color of twilight just after sunset.
- Slate Blue (#7E859F): A luminous, dusty violet — the color of a velvet chair.
- Indigo (#243E89): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#050912): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Creativity, 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
- Weathered Navy color palette (#E1E5EB, #B7BAC6, #958CAB, #003A77, #000104)
- Tempered Navy color palette (#E0E7EF, #9399AB, #6D6F84, #072562, #020917)
- Softworn Station color palette (#E4DEE3, #AD9B9D, #A0807D, #1F59CC, #100510)
- Timeworn Mulberry Orchard color palette (#E0DDE7, #B9AFC6, #9E8EA8, #7D2D74, #15111D)
- Timeworn Pewter Studio color palette (#EBEEF9, #D3D6EB, #B5B5CD, #7069A0, #2A2D38)
- Washed Violet Studio color palette (#E6DDFD, #8F63AA, #6E4666, #561F0F, #1E0A00)
- Faded Indigo color palette (#E5E8FF, #4889FF, #684FFA, #6C39A4, #030011)
- Softworn Olive color palette (#CDEEE3, #568421, #0F5406, #003334, #000806)
Browse the whole catalog at Explore, or see today's palette.