Olive Harbor color palette — #F4E7FD · #707100 · #37221A · #3A0022 · #0E0006
A conversation between Olive and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Blush (#F4E7FD): A whisper-light, dusty violet — the color of a velvet chair.
- Olive (#707100): A full-bodied, balanced green — the color of new leaves after rain.
- Espresso (#37221A): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Deep Indigo (#3A0022): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#0E0006): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. 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
- Pine Bloom color palette (#E6DCF1, #317A21, #3B0029, #271115, #090005)
- Nocturne Ridge color palette (#D1E5D2, #997400, #352300, #0F0700, #000203)
- Moss Meadow color palette (#F3DBFA, #9D9700, #700032, #380016, #17091B)
- Patina Garnet color palette (#ECE1E9, #BBA1AB, #698873, #691100, #1D0E19)
- Emerald Atelier color palette (#F1D8D7, #499934, #66004A, #230017, #070000)
- Mulberry Hollow color palette (#FFE8E4, #BB8E13, #972750, #500023, #070000)
- Wandering Amber color palette (#F9EAEF, #B7983D, #603800, #341622, #180C0B)
- Marigold Parlor color palette (#EDF8F1, #CEA95E, #634F00, #1B3424, #111E1C)
Browse the whole catalog at Explore, or see today's palette.