Olive Drift color palette — #DEE3FF · #A7AFFF · #B77100 · #5B8A00 · #191942

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

The five colors

• Frost (#DEE3FF): A whisper-light, dusty violet — the color of wild irises.
• Lavender (#A7AFFF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#B77100): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#5B8A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Indigo (#191942): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Olive Drift 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 Study color palette (#FFE3F1, #AF9DFF, #A76C00, #007C32, #001A25)
• Aged Ember color palette (#D0E8FF, #75BEFF, #E43F00, #8A7B00, #00213B)
• Sunlit Wisteria Courtyard color palette (#FFD9E4, #D799FF, #9A8100, #008F6A, #2C0F3C)
• Washed Iris Parlor color palette (#F0F5FF, #7E9AFF, #697800, #505C00, #040332)
• Indigo Balcony color palette (#DBE4FF, #5F75FF, #817B00, #5F5B00, #131A45)
• Quiet Garden color palette (#FFDEE5, #E86AFF, #DD5D00, #4A7600, #002932)
• Mallow Grove color palette (#FFE8EA, #FF96EC, #759A3C, #24958E, #371E21)
• Peony Cabin color palette (#FBE2AD, #D98AFF, #F13198, #5C7700, #3E163D)

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