Olive Harbor color palette — #E1FDF1 · #96AA79 · #347100 · #004644 · #050900
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#E1FDF1): A whisper-light, dusty teal — the color of sea glass.
- Sage (#96AA79): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#347100): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004644): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#050900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Teal Coast color palette (#E3FBFB, #55B69C, #006F64, #004549, #000A07)
- Softworn Forest Delta color palette (#C7E9E3, #699C72, #005D39, #00313B, #000200)
- Weathered Olive Atelier color palette (#F4ECD0, #70841F, #304F00, #003733, #171E00)
- Timeworn Lagoon Atelier color palette (#E7FAF5, #93DBD6, #008B8F, #005345, #001012)
- Washed Olive color palette (#EBF9F0, #BDBF8B, #6F7F2E, #803637, #1A1A00)
- Moss Pier color palette (#E1EEE1, #B4AA49, #5E9000, #575D9C, #1E1B00)
- Washed Coast color palette (#E9DFD2, #827C00, #2C4F00, #23234F, #0B0700)
- Wandering Lagoon Orchard color palette (#DBFDFA, #8CD6AF, #009474, #00617E, #002616)
Browse the whole catalog at Explore, or see today's palette.