Weathered Navy Garden color palette — #D0F3F5 · #00614A · #003A67 · #2D2300 · #001411

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

The five colors

• Frost (#D0F3F5): A whisper-light, dusty blue — the color of open sky before noon.
• Pine (#00614A): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003A67): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#2D2300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#001411): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered 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

• Aubergine Hollow color palette (#D7F5F9, #006C5D, #00417A, #320C63, #001816)
• Tempered Chapel color palette (#D4F3FF, #005B64, #382896, #1F2E00, #001710)
• Deep Parlor color palette (#D4E2EC, #004561, #360050, #001204, #000202)
• Ancient Chapel color palette (#E4F1F6, #BDCFD9, #8BA4B5, #00606A, #223036)
• Cobalt Studio color palette (#EEF6FF, #006EBF, #315A00, #004637, #002838)
• Muted Thicket color palette (#EEF6FF, #4687C3, #865086, #1E5648, #21333C)
• Quiet Aubergine color palette (#B8E9E6, #0084A1, #00517E, #49175E, #002837)
• Aubergine Workshop color palette (#CBE7EE, #007268, #6F0371, #451700, #000604)

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