Muted Harbor color palette — #FFDEC0 · #BD6F00 · #008557 · #724100 · #003822

Ochre takes the lead with Fern close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Peach Cream (#FFDEC0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#BD6F00): A luminous, balanced gold — the color of honey in a jar.
• Fern (#008557): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#724100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#003822): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Airy Bronze Pier color palette (#EFE6B7, #998400, #008080, #5B4E00, #003635)
• Tempered Basin color palette (#E9DCCF, #A06000, #447300, #98004E, #361D00)
• Quiet Harbor color palette (#FCD8F3, #EF2C07, #5A7E00, #931400, #233400)
• Patina Amber Boulevard color palette (#FDE4EE, #C46C00, #007AB0, #723C00, #001827)
• Dusty Olive color palette (#DFFDF6, #86AD6F, #BC7460, #43751A, #633325)
• Powdered Harbor color palette (#FFE5C2, #C98800, #7C5200, #452B00, #2B1A00)
• Weathered Amber color palette (#CDEEDA, #B28D00, #453B00, #201A00, #000F0E)
• Feathered Olive Pier color palette (#C9EAE2, #507C00, #00637F, #284200, #001E2A)

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