Muted Harbor color palette — #FFF2EE · #E0D8CD · #CABDA9 · #BB6C74 · #4F3A34

Built around Mocha, softened by Charcoal — the whole palette hums with sophistication.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Bone (#E0D8CD): a clean, paper-quiet neutral.
• Stone (#CABDA9): A luminous, dusty gold — the color of old brass.
• Mocha (#BB6C74): A luminous, balanced red — the color of embers at dusk.
• Charcoal (#4F3A34): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Sophistication. Tagged scandi, 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

• Patina Blush color palette (#F8F3F9, #E9D5D8, #B5AD9D, #EC7C97, #453C47)
• Softworn Plum Canyon color palette (#FEF2EF, #E2D8C9, #CFB7A0, #BB2558, #4F3A35)
• Antique Bronze Cabin color palette (#FEF4E6, #E6DDCC, #C7BDA3, #9C6D00, #36322C)
• Antique Chestnut Canyon color palette (#EEE6DD, #BDB2A4, #A29378, #744700, #1F1000)
• Wandering Harbor color palette (#EDDACF, #E34C00, #63391D, #3A1E0D, #1D0D06)
• Wandering Pine Basin color palette (#FFEADB, #E5BC86, #A59351, #3D845E, #005446)
• Washed Emerald color palette (#F5F7E5, #90CBA1, #169E6F, #85613D, #134627)
• Pale Tangerine color palette (#FFF2EB, #FFD1D2, #FF9E88, #F48114, #591A00)

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