Olive Harbor color palette — #F4E0D4 · #BEA066 · #6C7A0E · #5D4B77 · #382500

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

The five colors

• Parchment (#F4E0D4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA066): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#6C7A0E): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#5D4B77): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#382500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Creativity, Balance, 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

• Olive Boulevard color palette (#FFF0F8, #D4B77D, #6F8000, #584870, #211600)
• Timeworn Pine Terrace color palette (#F3E2CC, #A5AA74, #3A8443, #1E5F68, #322800)
• Tempered Olive color palette (#FFF3E9, #C2B488, #718B49, #72587D, #38352F)
• Fern Study color palette (#F4E8D9, #979747, #337031, #57375D, #1D1C00)
• Linen Pier color palette (#F9D2DD, #C98CED, #878D00, #742B98, #292C00)
• Fern Orchard color palette (#DAE9DC, #948D5B, #4E5C03, #004557, #2F2900)
• Airy Moss color palette (#EDE3D5, #C6BC71, #859D0A, #328098, #322708)
• Soft Delta color palette (#F6EACC, #77C067, #008C73, #873F5D, #103806)

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