Muted Harbor color palette — #F4F4FF · #E3B7D8 · #CC81A1 · #A55960 · #63455C

A conversation between Dusty Rose and Brick, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Carnation (#E3B7D8): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#CC81A1): A luminous, balanced rose — the color of a warm blush.
• Brick (#A55960): A full-bodied, balanced red — the color of embers at dusk.
• Charcoal Brown (#63455C): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Tempered Peony Drift color palette (#FFEEEE, #E7A4C4, #BF6387, #8A4F5E, #6B4940)
• Softworn Quarry color palette (#EAF1FF, #C2C2F4, #B090D1, #975A94, #564566)
• Washed Terracotta color palette (#FEF0FF, #FAC4C8, #D08A8C, #9A4C53, #522526)
• Softworn Delta color palette (#FAF2FC, #D4B9DE, #67C4BB, #CF6485, #25555E)
• Weathered Bloom color palette (#FDF0FF, #EFB7B4, #DA8D73, #A76C27, #39553E)
• Softworn Ash color palette (#FCF1FF, #E9D7D8, #CEDBAC, #C397BE, #5C4B59)
• Tempered Villa color palette (#EEF9ED, #B5D3BF, #89A486, #8D677D, #394D45)
• Weathered Scarlet Boulevard color palette (#FEE9F0, #E5728A, #CC2C2E, #7B3100, #452600)

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