Muted Harbor color palette — #FFE8E8 · #C43600 · #683800 · #241400 · #020100

Terracotta and Bronze set the tone — five colors that lean into optimism and balance.

The five colors

• Rose Water (#FFE8E8): A whisper-light, dusty red — the color of a theater curtain.
• Terracotta (#C43600): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#683800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#241400): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged muted.

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

• Worn Scarlet Parlor color palette (#F5DEE3, #D33621, #874900, #593B00, #070700)
• Bronze Study color palette (#F3D7E3, #946A00, #5B2F00, #290300, #000201)
• Worn Plum Pier color palette (#F7DDEA, #D2005D, #840015, #1F0800, #030100)
• Timeworn Ridge color palette (#F1D8E2, #9D5600, #005795, #432100, #000104)
• Worn Lagoon color palette (#F3E6D7, #AC7900, #563600, #1F2925, #0E0600)
• Ancient Ridge color palette (#F6DBE8, #008FB7, #A16100, #170706, #040001)
• Ancient Pier color palette (#F4E6DA, #7B4600, #004C6F, #0E2776, #030100)
• Apricot Pier color palette (#FFD7C8, #FE9B3F, #A87700, #544600, #1D1F00)

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