Olive Harbor color palette — #ECECFF · #5F8A03 · #2B0041 · #0F0513 · #020005

Olive Leaf takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#ECECFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Olive Leaf (#5F8A03): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#2B0041): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#0F0513): A deep, shadowed, dusty pink — the color of a candy shop window.
• Black (#020005): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged luxury, dark, 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

• Smoked Olive Courtyard color palette (#F5E2FD, #817F00, #390019, #1C0809, #040001)
• Onyx Canyon color palette (#D8E6FF, #8C7A00, #0E005C, #0C071A, #00000B)
• Eclipse Fern color palette (#F7DDE4, #426D00, #220031, #180A01, #05000A)
• Aged Moss Parlor color palette (#F7E8FF, #A7A924, #6C0E3E, #160008, #030005)
• Mulberry Delta color palette (#FEE8EA, #C96647, #790A73, #290027, #060001)
• Hushed Mustard Villa color palette (#F6F3FF, #B5C560, #74346F, #290927, #020005)
• Softworn Pewter color palette (#FBF2FC, #EBEAAA, #A0616D, #452F49, #140C15)
• Charred Terracotta color palette (#E2DCEF, #963204, #201003, #270024, #030003)

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