Navy Garden color palette — #DDE7F6 · #003A87 · #2F3900 · #02270F · #000108

Navy and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DDE7F6): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#003A87): A deep, shadowed, balanced blue — the color of deep harbor water.
• Forest (#2F3900): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#02270F): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000108): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, 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

• Nocturne Basalt color palette (#DDF1F7, #004755, #433000, #162406, #000203)
• Lowlit Nightshade color palette (#E2E6FF, #3100A8, #591700, #002B17, #01000A)
• Mulberry Cabin color palette (#F8E7F2, #85006B, #004D39, #003234, #14000E)
• Ancient Alley color palette (#D1E3FC, #9F83C4, #BA3450, #003846, #0B0B29)
• Washed Grape color palette (#E6E0FE, #6A22C9, #005D3F, #004146, #15072E)
• Tempered Lapis color palette (#E7EAF9, #4909EC, #882700, #004A2B, #01000E)
• Velvet Chestnut color palette (#FADBE8, #715400, #452100, #280003, #030400)
• Gentle Lapis Basin color palette (#DDE4F4, #5054DF, #0E7215, #005649, #171B3D)

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