Muted Harbor color palette — #F1F7F0 · #C8A982 · #507D35 · #825400 · #0A2A25

Built around Olive, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7F0): a clean, paper-quiet neutral.
• Camel (#C8A982): A luminous, dusty gold — the color of honey in a jar.
• Olive (#507D35): A full-bodied, balanced green — the color of new leaves after rain.
• Coffee (#825400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#0A2A25): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Fern Lantern color palette (#EDF8F2, #B7B26D, #00807B, #696200, #0F282E)
• Antique Brick color palette (#FAF3F8, #DF9A94, #797215, #AA2629, #14291F)
• Tempered Chestnut Courtyard color palette (#F9EEF4, #E7A077, #00887B, #9D4900, #021114)
• Forest Balcony color palette (#D4FCDD, #AFAF75, #657F2D, #046415, #00462C)
• Aged Navy color palette (#E9FBEC, #A2995E, #42793A, #37478C, #254439)
• Tempered Bronze Grove color palette (#F1F7F3, #D2DDDE, #B1C3C7, #847336, #3F4B43)
• Misty Rust color palette (#FCF3ED, #FFAE83, #00A695, #C46020, #1C2818)
• Patina Amber Lagoon color palette (#E4F8EB, #A88C00, #006356, #544500, #001612)

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