Muted Harbor color palette — #E4F7F0 · #ADBB82 · #AF8FB8 · #6C7840 · #312B4C

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F7F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#ADBB82): A luminous, dusty green — the color of a quiet forest floor.
• Dusty Rose (#AF8FB8): A luminous, dusty pink — the color of a candy shop window.
• Olive (#6C7840): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#312B4C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Timeworn Taupe color palette (#E6F5F6, #86C2AB, #CA8598, #398169, #3C2843)
• Timeworn Bronze Pier color palette (#E9F6ED, #C2B383, #59A8C4, #84702F, #08364A)
• Olive Terrace color palette (#ECF8F5, #9EBA8C, #54A4C7, #558133, #245368)
• Hushed Dune color palette (#F6F6E9, #B6CD9F, #B4A7E3, #76994E, #644152)
• Aged Driftwood Alley color palette (#DFF8F0, #BFE4F7, #BFB9C1, #6C9377, #2C413F)
• Wandering Iris Workshop color palette (#DFF9F1, #90A571, #9681BC, #8F6991, #102D26)
• Hushed Lagoon color palette (#FEECF5, #ABC3AA, #9E748A, #674F64, #1E3126)
• Patina Loft color palette (#EAF4F5, #E1B5C8, #326E60, #0D383C, #081718)

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