Hazy Navy color palette — #D6EEC2 · #009370 · #005F5C · #002793 · #003128
Indigo and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D6EEC2): A whisper-light, dusty green — the color of fresh herbs.
- Fern (#009370): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005F5C): A full-bodied, dusty teal — the color of shallow lagoons.
- Indigo (#002793): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Forest (#003128): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Calm, Balance. Tagged retro, 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
- Misty Aubergine color palette (#CBF0CC, #008E95, #005B73, #44008C, #002F36)
- Emerald Archive color palette (#C3F0E2, #009644, #00614D, #003B60, #00321C)
- Antique Petrol Study color palette (#E4FBF6, #6FC8D1, #007C8D, #005653, #003948)
- Sunlit Aubergine Orchard color palette (#DAF5F5, #3F91B1, #0A5D9D, #5D2268, #12334A)
- Gentle Mint color palette (#DCFCFF, #00DD7E, #00B393, #007C7D, #002C25)
- Emerald Canyon color palette (#F6E1D9, #399700, #005E60, #5F0028, #00170C)
- Feathered Grove color palette (#F5E1FA, #006CA4, #022A9C, #420039, #00172E)
- Velvet Cypress Atelier color palette (#C0EDF3, #006A58, #002523, #00110C, #000204)
Browse the whole catalog at Explore, or see today's palette.