Navy Harbor color palette — #EBDCC4 · #8F7400 · #315900 · #001E8E · #272600

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

The five colors

• Bone (#EBDCC4): A whisper-light, dusty gold — the color of old brass.
• Ochre (#8F7400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#315900): A full-bodied, balanced green — the color of fresh herbs.
• Indigo (#001E8E): A deep, shadowed, vivid violet — the color of wild irises.
• Onyx (#272600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Quiet Workshop color palette (#F1DBB9, #A06B00, #4B5200, #003659, #2E2200)
• Navy Cabin color palette (#FAEDD7, #908935, #2F6931, #2D3484, #32312A)
• Hushed Aubergine Chapel color palette (#EDDCC1, #648405, #005B40, #3E087C, #0F2C08)
• Powdered Coast color palette (#EEDBCD, #A96700, #176416, #340759, #150D00)
• Misty Navy Coast color palette (#EAE1C9, #776900, #00524C, #1E0089, #40001D)
• Eclipse Fern Quarry color palette (#EAE5CD, #555A00, #293638, #082002, #090A00)
• Worn Hollow color palette (#F3D4E4, #CE7C00, #278619, #541F83, #2D2300)
• Deep Fern Lantern color palette (#F1E1C6, #2C6800, #00392F, #26003E, #001004)

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