Olive Harbor color palette — #E7F6F0 · #8CC0AF · #A98FC3 · #687B25 · #2E2D4B
Olive Leaf and Mauve set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E7F6F0): a clean, paper-quiet neutral.
- Mint Leaf (#8CC0AF): A luminous, dusty teal — the color of glacier melt.
- Mauve (#A98FC3): A luminous, dusty violet — the color of a velvet chair.
- Olive Leaf (#687B25): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#2E2D4B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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 Station color palette (#E3F6F7, #84C2AB, #C785A5, #008666, #392945)
- Weathered Olive color palette (#F6F6EA, #96BD83, #9290D2, #587F44, #614254)
- Antique Bronze Market color palette (#ECF5EC, #CFAD81, #7D9ECD, #9A6500, #1A324F)
- Wisteria Workshop color palette (#F7F6EB, #BCCD8F, #C39DEE, #849553, #61434E)
- Worn Driftwood color palette (#E7F6F1, #C7E0EA, #B2BCE1, #96925F, #294541)
- Driftwood Ridge color palette (#E2F7F1, #90A576, #6792BA, #A5616E, #0B2E27)
- Softworn Boulevard color palette (#FCEDF4, #CFB2BC, #A37760, #7C483F, #223023)
- Softworn Cypress Loft color palette (#E8F5F5, #AACEB2, #3A6E56, #09383A, #041818)
Browse the whole catalog at Explore, or see today's palette.