Muted Harbor color palette — #F9F4ED · #D9DBCE · #BCB39C · #7D5E24 · #3E3A34

Walnut takes the lead with Stone close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Bone (#D9DBCE): bright and airy, almost weightless.
• Stone (#BCB39C): A luminous, dusty gold — the color of old brass.
• Walnut (#7D5E24): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#3E3A34): quiet, heavy and certain.

Feels like: Optimism, 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 Harbor color palette (#F8F6E4, #D5D6B2, #A5AA8B, #4E6400, #34332C)
• Bronze Boulevard color palette (#F1F7F0, #CEDDDB, #ADC3C4, #A27736, #323E32)
• Muted Driftwood Ridge color palette (#ECEADF, #ACAA97, #84833B, #393B00, #191300)
• Pine Cabin color palette (#F3F7ED, #CCE0D4, #AFC3A5, #2D7B52, #384700)
• Timeworn Olive color palette (#E6E3B2, #96AA74, #767B34, #435A48, #6A2E0F)
• Gentle Bloom color palette (#FFF4DF, #FFBD5E, #B39B00, #6D7B27, #302E27)
• Tempered Bronze color palette (#FBEDD0, #A18300, #5A6000, #004B45, #33302A)
• Fern Market color palette (#F7EDD1, #6D6500, #2D2600, #181305, #040401)

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