Muted Harbor color palette — #DEF8FA · #00906D · #4034AC · #3C1A00 · #000201
A conversation between Indigo and Fern, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#DEF8FA): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#00906D): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#4034AC): A full-bodied, vivid violet — the color of a velvet chair.
- Espresso (#3C1A00): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000201): quiet, heavy and certain.
Feels like: Optimism, Creativity, Balance. Tagged cool.
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
- Weathered Nightshade Lagoon color palette (#D9FBF4, #428F12, #0044AA, #4C0102, #000200)
- Aubergine Market color palette (#DDF8FF, #008C88, #7A038D, #2B2500, #000202)
- Olive Atelier color palette (#DDFBEC, #837E00, #005571, #47002B, #020200)
- Worn Aubergine Studio color palette (#DAEBD8, #006563, #580066, #311800, #110C00)
- Eclipse Petrol color palette (#D0E4F0, #006A83, #292327, #00112F, #000102)
- Cellar Terrace color palette (#D1EBFB, #00627C, #1A208D, #2B003A, #000502)
- Feathered Cabin color palette (#E4FAFF, #00B0AB, #9E1DC3, #533A00, #001711)
- Muted Indigo color palette (#D6F1E7, #0099DF, #7053E2, #89007B, #001613)
Browse the whole catalog at Explore, or see today's palette.