Olive Harbor color palette — #E9F6EB · #93BFAB · #617F53 · #4B5372 · #172C24

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Mint Leaf (#93BFAB): A luminous, dusty teal — the color of sea glass.
• Fern (#617F53): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#4B5372): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#172C24): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Tempered Pine Villa color palette (#E7F6EB, #7AAC9C, #3C7342, #4E3F5A, #03221A)
• Lagoon Courtyard color palette (#E8F6F0, #A0CEC8, #5C8C90, #625E72, #1F3633)
• Wandering Driftwood Veranda color palette (#FAF4EB, #CDC4A7, #799B6B, #706C94, #504100)
• Muted Bronze Study color palette (#F9F5EB, #D5E3C1, #98A573, #A56249, #3A3831)
• Patina Cypress color palette (#F7EFF5, #C5E2EE, #6195AE, #0D6E58, #172E45)
• Forest Drift color palette (#CBE7DE, #16683E, #00322B, #270025, #000201)
• Softworn Stone Lagoon color palette (#FFEBFB, #E9D3D0, #C1C58D, #9C677D, #422B35)
• Abyss Study color palette (#D2EBDD, #65834A, #00522F, #441928, #040A00)

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