Olive Harbor color palette — #EAF9F3 · #ADB680 · #9D8AD5 · #6F7A1F · #474B65

Olive Leaf and Wisteria set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F3): a clean, paper-quiet neutral.
• Sage (#ADB680): A luminous, dusty green — the color of new leaves after rain.
• Wisteria (#9D8AD5): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#6F7A1F): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#474B65): A full-bodied, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. 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

• Hushed Stone Alley color palette (#E8F6F0, #B3BA72, #A48FCD, #727642, #2C2E4A)
• Patina Corridor color palette (#FFF1F5, #D1A779, #669CD9, #9B651F, #394F68)
• Chalky Blush color palette (#E8F9FA, #78C2A1, #CD7AA1, #268562, #564562)
• Mustard Archive color palette (#F8F5E8, #C0CE76, #B6A6E4, #8A925F, #614251)
• Weathered Cerulean Coast color palette (#E3FCF4, #8CA25C, #4890C6, #9A6472, #334741)
• Driftwood Balcony color palette (#FFF0F9, #CDAEBB, #A6725C, #6F536B, #414B40)
• Worn Summit color palette (#E6FBF3, #C2E7F3, #9AE1CF, #6B8F7C, #415350)
• Tempered Cypress color palette (#EBF8F8, #A6CBAD, #396A4F, #1C3F3F, #1C262B)

Browse the whole catalog at Explore, or see today's palette.