Olive Harbor color palette — #F8F0CF · #9DB778 · #528B43 · #005A2E · #00311E
A conversation between Olive Leaf and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#F8F0CF): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#9DB778): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#528B43): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#005A2E): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#00311E): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Airy Workshop color palette (#E3E9BE, #73B58F, #008C6C, #005E54, #003736)
- Lagoon Alley color palette (#EAF8D5, #8CC8AA, #2A906A, #00502F, #001C10)
- Aged Quarry color palette (#E6DECD, #B3A15C, #7D7C05, #495500, #21320B)
- Emerald Atelier color palette (#C6EED3, #AFB659, #359833, #006843, #17505C)
- Pine Dune color palette (#F1F3E7, #80B383, #AE75B7, #007A24, #37193C)
- Softworn Bronze Pier color palette (#FCF0E1, #B9A98E, #916E3D, #6A4121, #29220C)
- Olive Workshop color palette (#EFF5DF, #C0E5D2, #87DBEB, #708D47, #33362F)
- Wandering Archive color palette (#DDF1D2, #00AE37, #007550, #004033, #001F1B)
Browse the whole catalog at Explore, or see today's palette.