Muted Harbor color palette — #F4F3E4 · #B5B78D · #588159 · #704E00 · #29290F

Bronze and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F4F3E4): a clean, paper-quiet neutral.
• Sage (#B5B78D): A luminous, dusty green — the color of new leaves after rain.
• Fern (#588159): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#704E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#29290F): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Timeworn Driftwood color palette (#F7F1E6, #D0C29F, #94823A, #7B5C11, #33312A)
• Weathered Fern color palette (#F2F3E2, #87AB8A, #377351, #4A4A00, #1B1E04)
• Tempered Olive color palette (#E1E3B5, #A0A961, #6A8229, #3F6021, #1C3511)
• Hushed Veranda color palette (#EBF9F4, #91B9B5, #448170, #7C494B, #254A47)
• Pine Villa color palette (#F0F7CC, #96CC9B, #4F854E, #154A1A, #001D05)
• Faded Balcony color palette (#F3F4DE, #89B26D, #3C98C2, #487226, #002C3D)
• Weathered Market color palette (#F1F5D6, #689D63, #0090A0, #8D610D, #1E2005)
• Dusty Driftwood Parlor color palette (#EAF9F4, #A7CEC5, #779A73, #856E42, #274A43)

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