Muted Harbor color palette — #E1DFD1 · #5A6600 · #4B24B2 · #2A3000 · #100037

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

The five colors

• Bone (#E1DFD1): bright and airy, almost weightless.
• Olive (#5A6600): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#4B24B2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#2A3000): A deep, shadowed, dusty green — the color of new leaves after rain.
• Deep Indigo (#100037): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Muted 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

• Aubergine Lagoon color palette (#E5E6C8, #4D7C1A, #5C0082, #1B3400, #1B002A)
• Navy Workshop color palette (#EBE2C8, #676200, #004A92, #312E00, #000F26)
• Cellar Harbor color palette (#DBE4C7, #006235, #5B0084, #002813, #0C0016)
• Aubergine Atelier color palette (#E4EAD0, #485300, #4B00A1, #46006C, #060900)
• Hazy Lapis Market color palette (#E0E4D5, #96AC2A, #644AE9, #5B6B00, #0E0038)
• Soft Grape color palette (#D9EDC1, #76A522, #7B00E0, #3C5900, #3C0071)
• Olive Studio color palette (#EAE7CD, #6A8300, #007288, #3D4C00, #001218)
• Washed Bronze color palette (#E4EADC, #9F5700, #2E3C40, #002416, #000603)

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