Olive Harbor color palette — #E9FBEC · #A4A861 · #2F7100 · #383368 · #000A05
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E9FBEC): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#A4A861): A luminous, balanced green — the color of fresh herbs.
- Olive (#2F7100): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#383368): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#000A05): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, 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
- Ancient Cypress Hollow color palette (#E9FAF2, #81B17C, #007155, #4F295D, #010B00)
- Pine Orchard color palette (#ECF9EF, #B6C471, #3F8A3C, #574772, #171B00)
- Weathered Garden color palette (#D3E7DC, #739C4E, #005D38, #3A1358, #010200)
- Fern Alley color palette (#FAE7D6, #847937, #284F00, #3F1543, #0A0800)
- Forest Garden color palette (#F4EDDD, #728148, #1B5204, #00324E, #171E00)
- Aubergine Grove color palette (#EDECFF, #CA75F1, #008B5A, #69008B, #000B04)
- Softworn Lime Courtyard color palette (#E4E0CE, #8BB843, #54913D, #2A706F, #131F00)
- Emerald Loft color palette (#ECF9F1, #C0DB9F, #419F65, #615E84, #082F27)
Browse the whole catalog at Explore, or see today's palette.