Muted Harbor color palette — #FAF4ED · #B7F2DE · #ADB389 · #957F84 · #554500
Deep Olive and Mint set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FAF4ED): a clean, paper-quiet neutral.
- Mint (#B7F2DE): A whisper-light, dusty teal — the color of shallow lagoons.
- Sage (#ADB389): A luminous, dusty green — the color of a quiet forest floor.
- Driftwood (#957F84): A luminous, dusty red — the color of embers at dusk.
- Deep Olive (#554500): A deep, shadowed, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted, light.
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
- Hushed Stone color palette (#EBF9F4, #BFE8DE, #A0C09C, #81A0AA, #3C524D)
- Aged Straw Summit color palette (#FCF4EA, #EAEAA9, #83AA7E, #896D7B, #3A3831)
- Driftwood Boulevard color palette (#F0F7F1, #A8CABB, #6F8A63, #5A6485, #3C5349)
- Patina Parlor color palette (#FFF1F4, #F9D9FF, #A3DCAA, #B08AB8, #444C00)
- Weathered Harbor color palette (#FCF3F0, #BCE9F1, #ADC7F0, #8D976F, #584658)
- Tempered Dune color palette (#F3F2E9, #C5C6A8, #828942, #516854, #31322B)
- Wandering Stone Dune color palette (#FFF1F5, #E4DAD2, #CCB0C5, #A2B2AF, #614D4E)
- Hushed Mallow Corridor color palette (#FFF1F3, #F1B2F4, #8BCCA5, #7AB090, #483135)
Browse the whole catalog at Explore, or see today's palette.