Hazy Navy color palette — #E5F9FF · #00908F · #006090 · #3E2F7E · #193A00
Royal Purple and Peacock set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E5F9FF): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#00908F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#006090): A full-bodied, balanced blue — the color of open sky before noon.
- Royal Purple (#3E2F7E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Forest (#193A00): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Hazy 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
- Chalky Atelier color palette (#D8FEFD, #009657, #00666F, #003F7B, #363200)
- Ultramarine Drift color palette (#EBF7FF, #0089B5, #4743BF, #68086D, #003A2F)
- Misty Lantern color palette (#D3EFF1, #00B4CD, #0085A1, #005A74, #263963)
- Airy Ultramarine Study color palette (#D5FAFF, #009883, #444CB3, #6E0025, #1A1900)
- Airy Basin color palette (#DAFDFC, #10BF8E, #007B67, #2D5C40, #014446)
- Eclipse Cypress color palette (#C5EAF4, #007877, #003137, #001C23, #02080F)
- Pale Aubergine Alley color palette (#DCF0FF, #005F84, #2F0398, #37003A, #001611)
- Mint Hollow color palette (#E2FBFF, #00EAA6, #00C8B5, #0094A5, #003938)
Browse the whole catalog at Explore, or see today's palette.