Olive Harbor color palette — #FBF4E8 · #B6B282 · #73793A · #705148 · #524000

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Sage (#B6B282): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#73793A): A full-bodied, balanced green — the color of a quiet forest floor.
• Coffee (#705148): A full-bodied, dusty orange — the color of autumn markets.
• Deep Olive (#524000): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Muted Driftwood color palette (#F7F6EA, #C2C49D, #7E8842, #8E562A, #515100)
• Washed Cypress Archive color palette (#F5F7E7, #88BF95, #418263, #5E5853, #41433C)
• Tempered Pewter Study color palette (#FAF0E3, #BAB589, #6F7B4E, #674C56, #2E2611)
• Aged Lagoon color palette (#FFF2EB, #DFD8CD, #E2BA8D, #9D6A67, #794214)
• Antique Balcony color palette (#EDF9EE, #A8CFBA, #899665, #6D6F8C, #2F493C)
• Apricot Corridor color palette (#FFF2EE, #F9997A, #AE5C43, #6E301F, #4B2317)
• Antique Taupe color palette (#FDF3E9, #E3D4AC, #93B986, #8A8CB5, #524000)
• Ancient Alley color palette (#F4ECCA, #79A200, #336A00, #692F1E, #253400)

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