Navy Garden color palette — #D8EDF2 · #4E708E · #2F3362 · #3A0E05 · #1B0D00

A conversation between Navy and Espresso, giving this palette its sense of trust and stability.

The five colors

• Frost (#D8EDF2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#4E708E): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#2F3362): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#3A0E05): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#1B0D00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Navy Garden 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

• Onyx Lantern color palette (#D6F6E7, #31797D, #13475E, #3D0125, #2B0003)
• Denim Study color palette (#D6E0F2, #685A9B, #542751, #2B1D00, #011303)
• Moonless Thicket color palette (#EEEFDF, #126B62, #113655, #1B1C00, #010400)
• Lagoon Villa color palette (#F5EFE5, #418E92, #004451, #00231B, #000B12)
• Softworn Delta color palette (#C9E9EB, #4B8287, #006171, #452D00, #031600)
• Dusty Cobalt Quarry color palette (#CFF4FF, #4089BD, #67649F, #742C1B, #1D0F00)
• Aubergine Corridor color palette (#E9EDFF, #544FB5, #26007C, #1A0415, #060027)
• Obsidian Onyx color palette (#D1E5EF, #005A8D, #00326E, #0A004A, #0D0016)

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