Muted Harbor color palette — #FFE5E2 · #E5A3AE · #B97666 · #764F25 · #3F3A34

Caramel takes the lead with Ballet Pink close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#FFE5E2): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#E5A3AE): A luminous, dusty red — the color of embers at dusk.
• Caramel (#B97666): A luminous, balanced orange — the color of toasted spice.
• Coffee (#764F25): A full-bodied, dusty gold — the color of old brass.
• Charcoal (#3F3A34): a grounded near-black with real depth.

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

• Timeworn Bronze color palette (#FBEFE8, #D1B69A, #B0714C, #6D504A, #322B1C)
• Linen Ridge color palette (#FFD9E7, #CDA3D0, #B47499, #874D51, #542600)
• Hushed Ridge color palette (#F8F2FF, #F0B3BC, #CE8572, #A86C34, #34553C)
• Bronze Courtyard color palette (#FEEFE3, #DDA67E, #53ABBA, #9C6234, #153A23)
• Softworn Cocoa color palette (#FFEEE3, #DBDDC5, #B2CDB1, #B58681, #573300)
• Aged Corridor color palette (#FFE3E0, #D08142, #8B6500, #464000, #142300)
• Bronze Chapel color palette (#F6E0C3, #A28800, #536A00, #004A27, #002117)
• Tempered Parlor color palette (#FFEEE3, #C88C6E, #5196BD, #4080A4, #352316)

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