Muted Harbor color palette — #F0F7F1 · #C8E6D5 · #B1BC87 · #849EAD · #3F5248

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

The five colors

• Ivory (#F0F7F1): a clean, paper-quiet neutral.
• Celadon Mist (#C8E6D5): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B1BC87): A luminous, dusty green — the color of a quiet forest floor.
• Blue Fog (#849EAD): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#3F5248): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Softness, Clarity, 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

• Muted Teal color palette (#E7FAF7, #AEE0E2, #58C0B3, #858FB0, #2C4849)
• Dusty Taupe Archive color palette (#FAF3F7, #C0D9C2, #9BA070, #797B94, #445146)
• Tempered Powder Ridge color palette (#F3F4FF, #E1D7E0, #AFBCE5, #B7B2A8, #4F4D5D)
• Weathered Chapel color palette (#F3F4FF, #DDCAFF, #BFD183, #B398E0, #36544A)
• Clover Atelier color palette (#E3FDEE, #C2D98B, #67BD53, #608EB1, #354015)
• Wandering Marigold color palette (#F4F4FF, #D7B8F4, #EEAF69, #5EC2B9, #404054)
• Driftwood Market color palette (#F5F1EA, #CDC3A3, #90843B, #596651, #33312A)
• Soft Quarry color palette (#D5EBE1, #A3C78A, #44A863, #5077A5, #00312A)

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