Muted Harbor color palette — #FFF2EA · #CC9C7C · #66814B · #694981 · #4B4741

Graphite takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Camel (#CC9C7C): A luminous, dusty gold — the color of honey in a jar.
• Fern (#66814B): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#694981): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4B4741): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Patina Mulberry color palette (#FFF2EC, #C58578, #38815F, #733A71, #61342B)
• Muted Corridor color palette (#FFF3E6, #CC989A, #88753F, #55508F, #6E3707)
• Timeworn Olive Basin color palette (#E6F7E9, #BFAA70, #68824C, #37527E, #1F3128)
• Timeworn Archive color palette (#FCF4E8, #D0BC88, #7F9E5F, #586F96, #584500)
• Weathered Drift color palette (#FBF3F1, #CFE4DF, #6BA1BE, #318057, #5F4B5D)
• Ancient Fern color palette (#F6F6EE, #B8C6AB, #6A8B6F, #805B57, #3C5717)
• Weathered Garnet Boulevard color palette (#FFF2EF, #88A266, #007881, #7B3144, #3C3E37)
• Hushed Aubergine Orchard color palette (#FFF2EC, #B28300, #007349, #70007B, #373900)

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