Navy Grove color palette — #D4ECF3 · #008AB9 · #005B9B · #142375 · #1A0D3B

Navy and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D4ECF3): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008AB9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005B9B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#142375): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#1A0D3B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Frosted Navy Quarry color palette (#D2E6E6, #00A0C4, #005FAF, #1F278D, #2F1D55)
• Patina Meadow color palette (#CAE6F7, #0081DB, #2C40BB, #312272, #220836)
• Muted Cobalt color palette (#C5EAFF, #31B2FB, #007ED4, #004386, #031944)
• Worn Lagoon color palette (#DCF4ED, #00989E, #00647B, #003E56, #001937)
• Softworn Cobalt color palette (#E1F0FF, #0082DC, #826800, #00487E, #181100)
• Aged Corridor color palette (#E6F1FF, #D1C6FF, #CB85B8, #006D88, #0B142F)
• Hushed Corridor color palette (#DBE3FB, #798AFF, #3444B8, #151D6B, #02001E)
• Periwinkle Boulevard color palette (#CFE7FF, #82A7FF, #6F71C3, #5C4679, #2E2847)

Browse the whole catalog at Explore, or see today's palette.