Olive Harbor color palette — #F7F3DB · #95B371 · #3C7D22 · #005858 · #172601
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Cream (#F7F3DB): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#95B371): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#3C7D22): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005858): A full-bodied, dusty teal — the color of glacier melt.
- Onyx (#172601): 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
- Antique Cypress color palette (#EFF5DE, #72B99B, #007D68, #005857, #00281A)
- Aged Olive Balcony color palette (#E6FCEA, #A3AA57, #357C1C, #454F72, #154435)
- Softworn Forest Garden color palette (#E1E0CC, #719B68, #00672C, #004148, #021800)
- Aged Lime Hollow color palette (#DDFEF1, #A5C972, #659552, #2D7674, #13443A)
- Frosted Terrace color palette (#EFE4CC, #9E9A00, #566200, #692328, #181700)
- Wandering Chestnut Boulevard color palette (#F4F2EB, #CAC4A4, #788A61, #8D4E30, #32312A)
- Cerulean Lantern color palette (#F2F3E7, #9CDEDE, #0094A0, #006359, #002B32)
- Softworn Workshop color palette (#FDF4E7, #DBDF90, #63A645, #666594, #303106)
Browse the whole catalog at Explore, or see today's palette.