Olive Harbor color palette — #FFF1F5 · #F3D0F0 · #C69581 · #71783C · #4A3947

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Thistle (#F3D0F0): A whisper-light, dusty pink — the color of neon signs at night.
• Camel (#C69581): A luminous, dusty orange — the color of sun-warmed clay.
• Walnut (#71783C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#4A3947): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Patina Pine color palette (#EDF9EF, #FFD3AD, #BB9E62, #43825D, #354433)
• Dusty Blush Courtyard color palette (#FFF3E8, #E28A97, #9C685C, #5F5B32, #57423B)
• Aged Canyon color palette (#EBF9F2, #F9B9E3, #E59880, #5E96A2, #4F4254)
• Washed Cabin color palette (#FFF0F9, #E6D6D5, #B3C4B3, #729590, #315757)
• Timeworn Blush color palette (#FBF2FA, #E39698, #604E5B, #322732, #120D13)
• Hushed Courtyard color palette (#E3FDE8, #E3A979, #A27500, #006232, #321C00)
• Airy Studio color palette (#DBFFEC, #BCAD00, #5F8000, #005153, #191A00)
• Hazy Tangerine color palette (#E3FEE4, #E78451, #945C00, #104D03, #210C00)

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