Navy Harbor color palette — #CBE5DA · #565E00 · #003F41 · #1A0060 · #28000F

Deep Indigo takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#CBE5DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#565E00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#003F41): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#1A0060): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#28000F): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Powdered Forest color palette (#CBEDE9, #006B23, #003B56, #37003C, #210B00)
• Worn Chestnut color palette (#FFE6EE, #7C4A00, #004226, #00203C, #25001D)
• Velvet Onyx color palette (#CCEFF1, #004837, #001C43, #18000F, #030100)
• Quiet Emerald Studio color palette (#DBEED0, #199333, #005831, #003526, #001D23)
• Obsidian Fern color palette (#E1F3EE, #334F00, #161B22, #001406, #000403)
• Quiet Harbor color palette (#BFF4EF, #008533, #005372, #510064, #411300)
• Navy Summit color palette (#D9F8EA, #5D8D64, #2B616A, #3E2E5F, #411927)
• Aged Denim Chapel color palette (#E7F2E9, #71A8BA, #005F85, #003E3E, #00203E)

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