Muted Harbor color palette — #CDF1EA · #589FB6 · #636EAE · #644B00 · #222400

A conversation between Slate and Bronze, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#CDF1EA): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#589FB6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#636EAE): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#644B00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#222400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Hushed Driftwood Harbor color palette (#D2ECF5, #7A98C5, #90689B, #51602F, #122100)
• Aged Teal color palette (#D7E3D4, #53AAA2, #3F7C9F, #764127, #381400)
• Muted Cerulean color palette (#F7EBF4, #7DBDC0, #0091B1, #00704D, #001626)
• Taupe Meadow color palette (#D3E8FF, #CCBCE7, #C89BB2, #558B8A, #1F4C39)
• Cypress Harbor color palette (#D4E2F8, #A69BCF, #A17489, #307452, #003437)
• Dusty Denim color palette (#DBEBFA, #6283BA, #555595, #5B1F46, #330717)
• Aged Bronze Station color palette (#D6ECED, #82C7FF, #A28CD9, #877801, #453D00)
• Worn Navy color palette (#C3ECEB, #3D7793, #3C3787, #2E2000, #0F0800)

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