Hazy Navy color palette — #D6F0AF · #00B388 · #00807B · #17469F · #003128
Indigo and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D6F0AF): A whisper-light, balanced green — the color of fresh herbs.
- Jade (#00B388): A luminous, balanced teal — the color of sea glass.
- Teal (#00807B): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#17469F): A full-bodied, balanced 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, Trust, Stability, 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
- Ancient Terrace color palette (#C3F4BD, #00ADB6, #007B9A, #553790, #002F36)
- Wandering Moss Garden color palette (#E5ECA4, #4FB300, #008454, #005572, #003308)
- Quiet Nightshade Corridor color palette (#C5F1FB, #00A19A, #00729F, #3F23AF, #192A00)
- Airy Pier color palette (#FCE1AA, #009465, #005E64, #61005A, #003128)
- Ancient Lagoon Quarry color palette (#DAEFEB, #008A7E, #004143, #001F24, #000A0B)
- Feathered Cerulean color palette (#E7FAF7, #6EDCF6, #009BC1, #007178, #00384E)
- Aqua Courtyard color palette (#D5F5F0, #00C8D1, #3A98B2, #5D5D8E, #413E00)
- Turquoise Orchard color palette (#D0F8F6, #00B1E3, #3C7CB6, #694670, #193345)
Browse the whole catalog at Explore, or see today's palette.