Tempered Navy color palette — #E7D9E4 · #A38A3B · #1C306D · #040C44 · #150513
Navy and Deep Indigo set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#E7D9E4): A whisper-light, dusty pink — the color of neon signs at night.
- Moss (#A38A3B): A luminous, balanced green — the color of fresh herbs.
- Navy (#1C306D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#040C44): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#150513): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged luxury, dark.
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
- Muted Onyx color palette (#F7EAF3, #A0A05C, #333E71, #131852, #1E111B)
- Nightshade Bloom color palette (#E6DAE3, #C49F4D, #3047B5, #172356, #120710)
- Amber Ridge color palette (#D1E3DE, #C37554, #003763, #00172E, #000F0B)
- Softworn Aubergine color palette (#ECD8DF, #599E70, #441A6F, #20003C, #1A020D)
- Obsidian Aubergine color palette (#E8DAE2, #728338, #240071, #080029, #080005)
- Muted Mustard color palette (#D6DFED, #D7B53E, #5375C6, #324677, #030B1B)
- Linen Mulberry Coast color palette (#FFF1F1, #74B37E, #751F5D, #460535, #2B1214)
- Dusty Aubergine color palette (#F3ECEF, #D8C7C8, #B19B94, #6435A2, #3B2730)
Browse the whole catalog at Explore, or see today's palette.