Navy Harbor color palette — #E3F8E6 · #CD8683 · #856527 · #2D3F87 · #311A28

Built around Indigo, softened by Walnut — the whole palette hums with optimism and creativity.

The five colors

• Honeydew (#E3F8E6): A whisper-light, dusty green — the color of fresh herbs.
• Dusty Rose (#CD8683): A luminous, balanced orange — the color of autumn markets.
• Walnut (#856527): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#2D3F87): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#311A28): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Optimism, Creativity, Balance. Tagged retro, 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

• Chalky Olive Basin color palette (#F6EEFB, #B8778F, #5C6D11, #00446F, #370A21)
• Navy Veranda color palette (#E6F8E5, #C88E5E, #667227, #49387C, #112916)
• Wandering Hollow color palette (#E5F7ED, #C285B4, #A1503F, #004F62, #2B1C32)
• Bronze Station color palette (#E8FBEA, #C78752, #896200, #225B37, #50333E)
• Muted Bronze Atelier color palette (#FFF4E1, #E9998F, #A97F01, #446299, #423C37)
• Hushed Terrace color palette (#EAF5EC, #9ABCAF, #5C8057, #5D4C6F, #102E24)
• Patina Terrace color palette (#F7E3FF, #C7A6B6, #6E9381, #445782, #3A374E)
• Pale Aubergine Workshop color palette (#F6E2C9, #CB5700, #5A5400, #360083, #1D0E00)

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