Navy Harbor color palette — #DEF5E8 · #5D5100 · #003A82 · #262000 · #000516

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

The five colors

• Honeydew (#DEF5E8): A whisper-light, dusty teal — the color of glacier melt.
• Deep Olive (#5D5100): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#003A82): A deep, shadowed, balanced blue — the color of deep harbor water.
• Onyx (#262000): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000516): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Navy Harbor 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 Nightshade Orchard color palette (#F1E5D1, #5F4900, #111AA7, #271D00, #00000C)
• Timeworn Cocoa Orchard color palette (#FFE9F1, #794100, #004460, #341800, #00070D)
• Soft Aubergine Thicket color palette (#DBF1EA, #445A00, #4F0096, #1A2500, #09001B)
• Ultramarine Ridge color palette (#E3F4E7, #826500, #3641C8, #463500, #020023)
• Wandering Chestnut color palette (#F4F0D8, #706300, #352E00, #1D2928, #0A0A00)
• Smoked Thicket color palette (#D5E6D3, #583700, #44007B, #320058, #030100)
• Timeworn Aubergine Hollow color palette (#D4F7F8, #00714F, #7A0084, #003624, #1F0022)
• Weathered Study color palette (#CBE4E4, #009662, #0073A3, #005737, #002D43)

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