Muted Harbor color palette — #F0DCC1 · #7A6600 · #4B3400 · #2C1600 · #0C0C00

A conversation between Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Bone (#F0DCC1): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#7A6600): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#4B3400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2C1600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0C0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Wandering Bronze color palette (#F3E1C4, #8A7F33, #6D4B00, #4E2200, #080D00)
• Ancient Bronze color palette (#FFE9E1, #9A5200, #612100, #3D0004, #130900)
• Dusty Brick color palette (#F1D6DD, #CD0035, #6D2300, #2C1300, #110900)
• Antique Chestnut Study color palette (#F5E5D4, #AF925C, #88571B, #683500, #33302A)
• Pale Plum Loft color palette (#FFEAE9, #B8007C, #4A2B00, #4A002F, #030100)
• Nocturne Garden color palette (#F3D6E7, #79005C, #1E4000, #002221, #0E0008)
• Byzantium Delta color palette (#DAF4EE, #BB6E00, #B800BA, #1A020B, #060001)
• Aged Bronze color palette (#F9F5E9, #C0B993, #967D36, #7A560C, #4D4A00)

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