Muted Harbor color palette — #FFF1F0 · #D49EA8 · #BB6B67 · #914A27 · #514B45

A conversation between Burnt Sienna and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Rosewood Mist (#D49EA8): A luminous, dusty red — the color of embers at dusk.
• Mocha (#BB6B67): A luminous, balanced orange — the color of sun-warmed clay.
• Burnt Sienna (#914A27): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#514B45): quiet, heavy and certain.

Feels like: Optimism, 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

• Hazy Ember color palette (#FDE9FF, #E99D9F, #C76C65, #894C3E, #472E3F)
• Timeworn Rust color palette (#FFF2EC, #D0A591, #5AA4BD, #B44E3F, #2F5743)
• Tempered Coral color palette (#FFF2EE, #FBB3B1, #E37F75, #9E6255, #524B47)
• Softworn Lantern color palette (#FFF1F6, #CAAAD1, #B0729D, #974763, #6B493D)
• Worn Chestnut Archive color palette (#FFF2EB, #DDAF8D, #A77537, #7A6200, #55534C)
• Weathered Veranda color palette (#FFF2EA, #E1BBA4, #AB7454, #7B3900, #512815)
• Linen Alley color palette (#F6E4E0, #C88059, #986300, #5F4900, #3D3C00)
• Cerulean Corridor color palette (#FFF2EB, #BC8A79, #3898AB, #4E72A5, #48413D)

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