Olive Harbor color palette — #FDF3EC · #C2AD7D · #6C7B41 · #4A6240 · #583D00

A conversation between Walnut and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Camel (#C2AD7D): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#6C7B41): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#4A6240): A full-bodied, dusty green — the color of new leaves after rain.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Olive 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 Canyon color palette (#FAF4EC, #C7C2A0, #638C71, #556C5E, #584E00)
• Washed Dune color palette (#FFF2EA, #AD986B, #5C6B1B, #583F67, #39352F)
• Ancient Grove color palette (#EBF5EC, #BDB57D, #6F7C3E, #375D5B, #182C22)
• Jade Coast color palette (#FCF5E0, #7EB378, #007B67, #06577D, #3A3B34)
• Taupe Hollow color palette (#FFF1F5, #B9E0C7, #A5B383, #689A9D, #30493A)
• Wandering Loft color palette (#FDE7CF, #97973B, #0D6E14, #004D53, #313000)
• Washed Mallow color palette (#E9FAEE, #DFD6DD, #F3B5F1, #3C8579, #3D5650)
• Antique Cobalt color palette (#FAF4EF, #BDE8D2, #568DCE, #217162, #593E4F)

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