Olive Harbor color palette — #F8F6E2 · #86D6E1 · #9C9EDA · #738D3F · #1A4638
Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Ice Blue (#86D6E1): A whisper-light, dusty blue — the color of deep harbor water.
- Mauve (#9C9EDA): A luminous, balanced violet — the color of wild irises.
- Olive Leaf (#738D3F): A luminous, balanced green — the color of a quiet forest floor.
- Forest (#1A4638): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged retro, 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
- Patina Study color palette (#F5F8E2, #7ED5F7, #B095DB, #599250, #4B334D)
- Tempered Bronze Lantern color palette (#FFF3E4, #9CD7B6, #5FAEDB, #AD7500, #2E442A)
- Wandering Driftwood Meadow color palette (#EBFBE4, #BADADB, #CFB0BB, #859473, #45513B)
- Worn Iris color palette (#FFF4E2, #A7CFFF, #9680DE, #865729, #3C2B39)
- Weathered Dune color palette (#F2FAD6, #8BC6FF, #CD77D4, #008C8B, #2A2E64)
- Teal Alley color palette (#FAF4EE, #C1EAEF, #ABBAF2, #30ACAE, #4D4064)
- Hazy Lagoon color palette (#BEF3D5, #00C5E7, #956DFF, #008053, #002B49)
- Periwinkle Courtyard color palette (#EDE0EA, #8DA5FC, #87656D, #554351, #101B17)
Browse the whole catalog at Explore, or see today's palette.