Navy Harbor color palette — #EDD9DE · #976343 · #544B00 · #19235D · #13113B

A conversation between Deep Indigo and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#EDD9DE): A whisper-light, dusty red — the color of embers at dusk.
• Walnut (#976343): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#544B00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#19235D): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#13113B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Rust Alley color palette (#FEE8F5, #A25655, #674200, #003348, #0E1A30)
• Aged Dune color palette (#F4E2DD, #846216, #2A4623, #281047, #1F0019)
• Worn Chestnut color palette (#F4E4C9, #746424, #41460D, #002F26, #000D0E)
• Chalky Denim Delta color palette (#FBE9CC, #765B00, #004C8C, #392A00, #001025)
• Frosted Denim color palette (#FEE0EB, #BE876D, #907300, #2F4C91, #251640)
• Fern Basin color palette (#FFE7D1, #9F8552, #686213, #004933, #00221E)
• Feathered Canyon color palette (#EDE2C6, #5E4A00, #062BA6, #24008D, #0B0700)
• Tempered Delta color palette (#EFDEC1, #81956B, #156457, #512741, #401125)

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