Olive Harbor color palette — #ECEFD7 · #899A4C · #4F7000 · #224D00 · #042D02
Olive and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#ECEFD7): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#899A4C): A luminous, balanced green — the color of fresh herbs.
- Olive (#4F7000): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#224D00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Forest (#042D02): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Washed Bronze Courtyard color palette (#FCEED5, #AB8B3A, #7C6700, #4B4300, #202100)
- Moss Loft color palette (#ECE0C6, #9DA31E, #4E7700, #115D0E, #124630)
- Pine Basin color palette (#DBE6DB, #61AE78, #00764D, #004B36, #002B23)
- Pine Workshop color palette (#FFF4DD, #CDC874, #73A432, #097418, #003222)
- Worn Pine color palette (#D1F8D3, #7FBD89, #267D33, #003C0E, #001102)
- Cobalt Field color palette (#D8EFEC, #66A26B, #0083C7, #00681E, #001E33)
- Wandering Drift color palette (#CBECE3, #608B2D, #007E80, #834C00, #001914)
- Worn Lagoon color palette (#C9F2F4, #8DC8B8, #27988A, #006762, #074350)
Browse the whole catalog at Explore, or see today's palette.