Tempered Navy color palette — #DBDFE7 · #A3A3B2 · #8F7E9D · #30398D · #040916
Indigo and Slate Blue set the tone — five colors that lean into creativity and sophistication.
The five colors
- Silver (#DBDFE7): a clean, paper-quiet neutral.
- Blue Fog (#A3A3B2): A luminous, dusty violet — the color of a velvet chair.
- Slate Blue (#8F7E9D): A luminous, dusty violet — the color of twilight just after sunset.
- Indigo (#30398D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#040916): 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
- Timeworn Courtyard color palette (#E3ECF1, #9AA6B8, #8183A3, #004D63, #020A11)
- Muted Terrace color palette (#EAE9F1, #AAA1AF, #9B7A91, #62296D, #0A0616)
- Timeworn Navy color palette (#E9DEE5, #CCB3BB, #A7898B, #302E7D, #040002)
- Dusty Navy Villa color palette (#EBE3E8, #AF909C, #82696E, #251D61, #12040D)
- Mulberry Atelier color palette (#EEEEF7, #CABFD0, #B99AB0, #7B488D, #1F1C2F)
- Antique Lantern color palette (#E4F2FA, #706EB4, #7A4156, #003E3C, #001312)
- Weathered Driftwood Hollow color palette (#F4F4FB, #E1D6DD, #D8B5BF, #8D72AC, #393947)
- Patina Aubergine color palette (#CAE8E6, #0065B1, #66006A, #00270F, #020017)
Browse the whole catalog at Explore, or see today's palette.