Olive Harbor color palette — #FFF2E9 · #E2C5A6 · #B09B64 · #787300 · #3E5100

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#E2C5A6): A whisper-light, dusty gold — the color of old brass.
• Camel (#B09B64): A luminous, dusty gold — the color of honey in a jar.
• Olive (#787300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#3E5100): A full-bodied, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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 Olive color palette (#F4E6C8, #B0A335, #6B8200, #0E5B0B, #00301B)
• Aged Study color palette (#FFF2EF, #F3BCBB, #CE927C, #9F5C11, #614200)
• Sunlit Orchard color palette (#FFF4DC, #C7D0A1, #88AE76, #24864F, #005746)
• Worn Bronze color palette (#FFF2EF, #E1A98E, #9F7B1B, #50631C, #08522F)
• Dusty Cocoa color palette (#FEF4E4, #DCB592, #9A9559, #3D7694, #624000)
• Washed Chestnut color palette (#F9F1E4, #B59758, #695600, #3B3731, #26211B)
• Bronze Loft color palette (#FDE3CE, #946B00, #524800, #202800, #010600)
• Dusty Taupe Harbor color palette (#FAF4EF, #DADAD3, #ABB7AD, #C58D64, #5A5149)

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