Navy Harbor color palette — #DFF6E1 · #C16C3F · #635D00 · #353381 · #462431

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

The five colors

• Honeydew (#DFF6E1): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#C16C3F): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#635D00): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#353381): A deep, shadowed, balanced violet — the color of a velvet chair.
• Espresso (#462431): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Rose Villa color palette (#D9F8E3, #CE5B69, #7C5000, #004370, #42253A)
• Dusty Veranda color palette (#E1F5DF, #B5762C, #4C6500, #443173, #1E3725)
• Patina Meadow color palette (#FCECF6, #B95431, #00634B, #442671, #3A1E42)
• Aubergine Pier color palette (#FFD8E7, #957B00, #006330, #570070, #282C00)
• Amber Study color palette (#F7E7CD, #B97B00, #6C5A00, #004431, #231500)
• Quiet Grove color palette (#D8E4D8, #985100, #3B4100, #280065, #201300)
• Amber Parlor color palette (#D5F9DE, #D5931F, #8B7600, #1A634D, #1D3723)
• Patina Bloom color palette (#F9D1E7, #98B89F, #608656, #535571, #3E3E56)

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