Tempered Navy color palette — #E5E9F1 · #9DA4B8 · #7D84A5 · #2A3796 · #030817
Built around Indigo, softened by Slate Blue — the whole palette hums with creativity and sophistication.
The five colors
- Frost (#E5E9F1): bright and airy, almost weightless.
- Blue Fog (#9DA4B8): A luminous, dusty violet — the color of a velvet chair.
- Slate Blue (#7D84A5): A luminous, dusty violet — the color of wild irises.
- Indigo (#2A3796): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#030817): A deep, shadowed, dusty violet — the color of wild irises.
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
- Navy Drift color palette (#E7F0FB, #B8BAC7, #958EA2, #133879, #000105)
- Dusty Abyss color palette (#DEE5E9, #95A8B6, #7189A0, #004D61, #010B12)
- Aubergine Parlor color palette (#E5E4EC, #A6A1B4, #8E7EA1, #632671, #090812)
- Aged Navy color palette (#DEE7F5, #9398B1, #716C87, #0A265F, #050912)
- Softworn Denim Veranda color palette (#F2E6EF, #B2999A, #99807D, #455FA6, #10050E)
- Weathered Grape color palette (#EEEDF6, #C5C1D5, #AB9DC0, #7F4198, #1F1D2D)
- Dusty Corridor color palette (#F5EBFB, #926891, #7A4061, #522301, #201000)
- Wandering Violet Veranda color palette (#F4F4FC, #DED6E0, #CEB7CE, #8F6EB7, #383947)
Browse the whole catalog at Explore, or see today's palette.