Tempered Navy Alley color palette — #DCE8FC · #3751B2 · #5D4500 · #0F0084 · #040200
A conversation between Indigo and Cobalt, giving this palette its sense of optimism and creativity.
The five colors
- Frost (#DCE8FC): A whisper-light, dusty violet — the color of a velvet chair.
- Cobalt (#3751B2): A full-bodied, balanced violet — the color of wild irises.
- Bronze (#5D4500): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Indigo (#0F0084): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#040200): a grounded near-black with real depth.
Feels like: Optimism, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Navy Alley 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
- Worn Thicket color palette (#D2E6FF, #0058B3, #6D3B00, #002858, #060200)
- Aubergine Courtyard color palette (#E9EDFF, #5E44AA, #385300, #300070, #020300)
- Eclipse Courtyard color palette (#DEE0FF, #431DB7, #503A00, #272C02, #010009)
- Airy Loft color palette (#F6DFF2, #5075E2, #816200, #1300B5, #020100)
- Tempered Mulberry color palette (#F1ECFD, #912386, #484F00, #4A0044, #030300)
- Weathered Aubergine color palette (#E4E9FF, #876EE7, #906B00, #5500BF, #1E1400)
- Feathered Field color palette (#EAF2E2, #007E4F, #6100B8, #160316, #01000A)
- Twilit Aubergine Alley color palette (#DFE1F2, #635FC0, #3D009A, #0D003A, #01000A)
Browse the whole catalog at Explore, or see today's palette.