Olive Harbor color palette — #FFF3E8 · #CBBC71 · #5F833F · #60446B · #211700
Olive Leaf takes the lead with Sand close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Sand (#CBBC71): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#5F833F): A full-bodied, balanced green — the color of new leaves after rain.
- Charcoal Brown (#60446B): A full-bodied, dusty pink — the color of a candy shop window.
- Ink (#211700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Creativity, 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
- Lagoon Corridor color palette (#FFF4E1, #ACC685, #3A8863, #1A596B, #1C1900)
- Aged Lagoon Courtyard color palette (#FCF5DF, #9EC89D, #008A77, #753D4A, #001F03)
- Softworn Driftwood Field color palette (#FDF3E9, #D5D3A5, #709667, #795575, #312704)
- Aged Forest color palette (#FFF3E3, #9BAB66, #00733C, #59264B, #060900)
- Aged Fern Chapel color palette (#F2DFE6, #9B8C3D, #366200, #4C3157, #302900)
- Washed Chapel color palette (#F4EAD4, #8B935D, #346300, #063E58, #161200)
- Moss Orchard color palette (#D6EADE, #B7BF91, #6FA14D, #2E7DA7, #282C00)
- Washed Grape Balcony color palette (#FFF1F4, #E299EE, #689F29, #8C199D, #0E1D00)
Browse the whole catalog at Explore, or see today's palette.