Olive Harbor color palette — #FFF5DA · #A2AA5A · #5C7419 · #5B5200 · #3B3E07
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF5DA): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#A2AA5A): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#5C7419): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#5B5200): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3B3E07): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Tempered Fern color palette (#F7F6E9, #89A47D, #466E49, #544C00, #36362F)
- Moss Orchard color palette (#F6EBCA, #8D9C22, #496500, #05520E, #2C3200)
- Driftwood Thicket color palette (#F8F5E9, #C4C2A7, #84863E, #5E6E29, #554F00)
- Antique Moss color palette (#E9FAF1, #CCD779, #92B349, #918B51, #3A3E12)
- Hushed Pine Corridor color palette (#E3E4CE, #478C4F, #00532F, #173700, #002206)
- Patina Bloom color palette (#D8F5D2, #009389, #0072D0, #586900, #003935)
- Softworn Jade Alley color palette (#D5E7DA, #00C684, #008969, #005F4F, #00434F)
- Eclipse Fern Studio color palette (#E1E0CF, #386C24, #003510, #001C12, #010800)
Browse the whole catalog at Explore, or see today's palette.