Navy Grove color palette — #D1F1EA · #00AFBC · #007397 · #00307C · #0E003F
Built around Navy, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D1F1EA): A whisper-light, dusty teal — the color of shallow lagoons.
- Cyan (#00AFBC): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007397): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#00307C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#0E003F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Navy Grove 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 (#CDF0EF, #00A3CA, #0060B1, #2F0098, #13002D)
- Dusty Lagoon color palette (#D5ECD5, #00A691, #00797B, #004052, #000D21)
- Soft Navy color palette (#D0ECEA, #008F9D, #004E77, #002F65, #201345)
- Petrol Boulevard color palette (#EEF5FF, #60AAF2, #0067B6, #001F62, #000104)
- Hushed Alley color palette (#C9F6FE, #008FC3, #004B98, #18006A, #020006)
- Quiet Alley color palette (#D7FEFF, #8EE4FA, #4FAEEC, #4F6EC8, #393259)
- Weathered Mallow color palette (#ECF7FF, #DADCFF, #E89BC6, #008183, #040A35)
- Hushed Hollow color palette (#E2F0FF, #51A2FD, #BA5100, #004584, #120300)
Browse the whole catalog at Explore, or see today's palette.