Olive Harbor color palette — #E9F8FF · #57C4DA · #B39D46 · #558133 · #082935
A conversation between Olive Leaf and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E9F8FF): a clean, paper-quiet neutral.
- Cyan (#57C4DA): A luminous, balanced blue — the color of open sky before noon.
- Mustard (#B39D46): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#558133): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#082935): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Weathered Forest color palette (#ECF7FF, #6BAFD6, #838633, #006934, #001A22)
- Aged Lagoon Archive color palette (#EEF6FF, #98C8F9, #96BB83, #409476, #243343)
- Timeworn Bronze color palette (#E8F9F9, #82C49C, #D2896E, #9C6500, #022B2B)
- Ancient Veranda color palette (#FFF0F7, #E3A276, #7AAE69, #008764, #321D27)
- Emerald Meadow color palette (#F0F6FF, #7DA2FF, #2AAD4E, #00786D, #0A1740)
- Gentle Amber color palette (#FEF0FC, #ECA5A4, #BA792E, #5E6100, #00351C)
- Aged Iris color palette (#FDECF7, #727CD8, #648033, #465A23, #251320)
- Dusty Bloom color palette (#FFF0F7, #F1B8D6, #C17A87, #825B00, #392B42)
Browse the whole catalog at Explore, or see today's palette.