Olive Harbor color palette — #E7FAF2 · #8ECACC · #838FC4 · #6F7436 · #324B5B

A conversation between Olive and Slate Blue, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E7FAF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#8ECACC): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#838FC4): A luminous, balanced violet — the color of twilight just after sunset.
• Olive (#6F7436): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#324B5B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Creativity, Calm, Sophistication. Tagged retro, muted, 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

• Cypress Basin color palette (#E8F9FA, #9DC3E0, #A185B5, #20806B, #3C485A)
• Bronze Grove color palette (#FFF0F7, #99CBB0, #5D9AC0, #96603D, #2C4E55)
• Muted Bronze color palette (#FFF4E0, #A4E9FF, #A598CE, #8E6C28, #2C453F)
• Abyss Bloom color palette (#E8F8FF, #BFDAE6, #A1B1C2, #6E9284, #2D5558)
• Cobalt Loft color palette (#FCF4E7, #74AEDC, #6F6FAE, #794D31, #504250)
• Timeworn Periwinkle Pier color palette (#ECF2FB, #7C9CD3, #56566A, #303945, #1C2327)
• Muted Harbor color palette (#D3F7F8, #4CADDD, #8A65A7, #00654A, #1E314B)
• Aged Plum color palette (#B9F2EA, #9183FF, #C90065, #00585D, #3B134B)

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