Navy Garden color palette — #DDE4ED · #B5B8C6 · #9089A4 · #054480 · #14202E

Navy takes the lead with Heather close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#DDE4ED): a clean, paper-quiet neutral.
• Ash (#B5B8C6): A luminous, dusty violet — the color of wild irises.
• Heather (#9089A4): A luminous, dusty violet — the color of twilight just after sunset.
• Navy (#054480): A deep, shadowed, balanced blue — the color of open sky before noon.
• Midnight (#14202E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Washed Navy color palette (#E7EBF2, #A8A7B7, #877893, #28297B, #0A1327)
• Ancient Ultramarine Boulevard color palette (#DAE2EC, #BEC4D4, #9FA2BE, #255ABA, #132031)
• Dusty Balcony color palette (#EFEDF6, #D1C9D3, #AF99A5, #733E6E, #2F2B39)
• Patina Petrol Lagoon color palette (#F1F5FC, #DDD8E0, #C9BAC5, #5D73A6, #414853)
• Cobalt Workshop color palette (#E2DDE3, #CFBABA, #BE9F94, #4783C5, #251C25)
• Antique Cocoa color palette (#CCEDFF, #877FA9, #744355, #254021, #002C22)
• Frosted Aubergine color palette (#E6ECDD, #006F98, #580182, #1B2A00, #00113D)
• Aged Garden color palette (#F8E4EA, #837D25, #1D520C, #421D47, #1E1C00)

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