Olive Harbor color palette — #ECF8F4 · #EABA87 · #6B7B15 · #3F471A · #132620
A conversation between Olive Leaf and Sand, giving this palette its sense of nature and growth.
The five colors
- Ivory (#ECF8F4): a clean, paper-quiet neutral.
- Sand (#EABA87): A whisper-light, balanced gold — the color of honey in a jar.
- Olive Leaf (#6B7B15): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#3F471A): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#132620): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Aged Corridor color palette (#EBF8F8, #F6C5AF, #4B8D6A, #2F5454, #1E2F2F)
- Olive Loft color palette (#F8F5E8, #E4E4B1, #747C41, #373C13, #130F02)
- Wandering Bronze Hollow color palette (#FFF1F6, #D0C68B, #A25F1F, #5D3919, #2B1D23)
- Dusty Alley color palette (#EBF9F2, #E4D5A2, #99995B, #66663A, #19251F)
- Wandering Apricot Coast color palette (#E3FAFF, #FF9C89, #007972, #004540, #001F25)
- Softworn Bronze Lantern color palette (#EFF7F3, #D2C674, #4C94D7, #918100, #172533)
- Aged Apricot color palette (#CBEDE9, #FC8729, #006F22, #00390D, #001312)
- Antique Corridor color palette (#ECF9ED, #C09749, #6A8AE3, #9E5942, #253829)
Browse the whole catalog at Explore, or see today's palette.