Olive Harbor color palette — #E4F4ED · #797D0F · #004947 · #333500 · #000404
A conversation between Olive Leaf and Espresso, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4F4ED): a clean, paper-quiet neutral.
- Olive Leaf (#797D0F): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004947): A deep, shadowed, dusty teal — the color of sea glass.
- Espresso (#333500): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000404): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Ancient Olive color palette (#D9F0EB, #417900, #003A45, #152E00, #000204)
- Softworn Hollow color palette (#F5E7EC, #A96300, #2C4900, #4A2800, #000503)
- Emerald Ridge color palette (#DDE3D4, #499343, #005239, #002A24, #001819)
- Gentle Dune color palette (#CDE8D2, #2C7916, #00483E, #370052, #001C0C)
- Navy Meadow color palette (#E2EEF1, #009D95, #004C9C, #004C48, #000D22)
- Emerald Terrace color palette (#DDF9F5, #46A64E, #005D7B, #005613, #00141E)
- Hushed Amber Parlor color palette (#F4EDE0, #B48C00, #006C82, #674F00, #000502)
- Navy Market color palette (#CBE6DC, #3E4F00, #001C88, #30002B, #110500)
Browse the whole catalog at Explore, or see today's palette.