Olive Harbor color palette — #CBE9D1 · #678500 · #005B3F · #321663 · #021300
Built around Olive Leaf, softened by Royal Purple — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CBE9D1): A whisper-light, dusty teal — the color of sea glass.
- Olive Leaf (#678500): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#005B3F): A full-bodied, balanced teal — the color of sea glass.
- Royal Purple (#321663): A deep, shadowed, balanced violet — the color of a velvet chair.
- Ink (#021300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged retro.
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
- Wandering Bronze color palette (#C9E9CF, #917500, #335800, #0E285D, #00130A)
- Ancient Loft color palette (#E6F3E8, #009054, #005859, #451347, #001213)
- Faded Olive color palette (#FAD7B7, #747F00, #005A49, #4D1854, #132B09)
- Dusty Fern color palette (#D8EADF, #86964A, #376223, #423902, #001710)
- Airy Moss Courtyard color palette (#FFF2EE, #AAA900, #007C72, #5B2267, #041800)
- Worn Lagoon color palette (#EAF2E3, #4C9F7A, #2C6C6E, #3F3B5B, #310C24)
- Feathered Moss color palette (#E9DEB6, #65A72F, #007E49, #004F68, #0E2C0C)
- Forest Boulevard color palette (#F6EAD0, #00654B, #00363C, #290020, #000202)
Browse the whole catalog at Explore, or see today's palette.