Muted Harbor color palette — #FBF3F0 · #C6EBCD · #52C0EA · #33A17F · #1C3D5B
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF3F0): bright and airy, almost weightless.
- Celadon Mist (#C6EBCD): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#52C0EA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#33A17F): A luminous, balanced teal — the color of glacier melt.
- Navy (#1C3D5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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
- Ancient Market color palette (#FDF3EB, #C3EBD9, #77B5FF, #299E9F, #4D2F45)
- Mint Balcony color palette (#DAF4E6, #1DD5BD, #00B2BD, #0088A7, #184460)
- Weathered Powder Ridge color palette (#FAF3F0, #C5DEE3, #93D2E8, #77B096, #385049)
- Timeworn Loft color palette (#F5F6EE, #D0D9EE, #25B9D4, #0D7F7C, #0F3725)
- Worn Blush color palette (#E0F4EA, #4BCFFF, #FF7DBF, #00A0CC, #54213B)
- Wandering Lantern color palette (#EEDFD8, #87CCDF, #009CE1, #007F6F, #091E41)
- Dusty Cobalt Coast color palette (#F7E6DE, #4BB0C2, #007EAC, #005F4D, #00091B)
- Coral Workshop color palette (#D1EDD8, #00C4D8, #FA7576, #D07F44, #173220)
Browse the whole catalog at Explore, or see today's palette.