Tempered Navy color palette — #E9EFFF · #9D9DB7 · #827594 · #2F2B6D · #02040D
Navy and Slate set the tone — five colors that lean into creativity and sophistication.
The five colors
- Frost (#E9EFFF): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#9D9DB7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#827594): A full-bodied, dusty violet — the color of twilight just after sunset.
- Navy (#2F2B6D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#02040D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Onyx Courtyard color palette (#E6E5F1, #918A9A, #766478, #3E0E50, #010105)
- Patina Field color palette (#EEE4EA, #B9A2A8, #987572, #2C2185, #200B1A)
- Weathered Nightshade color palette (#F6EAF0, #E8C5D2, #BF9BA5, #4F3E88, #060103)
- Tempered Garnet color palette (#E3DDE5, #C0ACBC, #A68192, #731E43, #0F0712)
- Pewter Parlor color palette (#F4EFF9, #E3D1D6, #C8AFBD, #82546C, #221F26)
- Nightshade Archive color palette (#EFF1FD, #D4D0EA, #B5A3C4, #6144A7, #15182C)
- Driftwood Meadow color palette (#F0F1F9, #DDD4DC, #BDABAB, #7E809D, #35363B)
- Ancient Terrace color palette (#E9EEFF, #864A8F, #712936, #00291D, #000905)
Browse the whole catalog at Explore, or see today's palette.