Olive Harbor color palette — #D3EBE1 · #97AF6E · #448406 · #7C4433 · #073028
Olive Leaf takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D3EBE1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#97AF6E): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#448406): A full-bodied, balanced green — the color of new leaves after rain.
- Coffee (#7C4433): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#073028): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Muted Pine Ridge color palette (#D6E9E7, #7BB491, #008663, #734C18, #05321C)
- Weathered Mustard color palette (#D5F4E0, #B8B01B, #748000, #894600, #322F00)
- Weathered Emerald Harbor color palette (#ECF8F5, #A1BF96, #419550, #7A576A, #1C3C37)
- Pine Bloom color palette (#E8FBEB, #AFC57D, #228B58, #59486D, #001E17)
- Weathered Emerald Garden color palette (#E0FCF4, #95CD81, #3A9D4F, #80651A, #2B4222)
- Patina Forest Archive color palette (#D6EBDD, #7F964A, #06662B, #3A3A5A, #0B3027)
- Teal Basin color palette (#D0EBEA, #5DB995, #00856E, #1A5D79, #052F31)
- Antique Workshop color palette (#EBE4D0, #AEC387, #6F9F6A, #8D6491, #2E2A06)
Browse the whole catalog at Explore, or see today's palette.