Olive Drift color palette — #E4F4E2 · #FA9D92 · #D57E4C · #6A7F12 · #43243B

Built around Olive Leaf, softened by Coral Clay — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E4F4E2): A whisper-light, dusty green — the color of new leaves after rain.
• Melon (#FA9D92): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#D57E4C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#6A7F12): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#43243B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, warm.

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

• Washed Drift color palette (#FFE7F1, #F19EB8, #D87676, #8C7100, #4B212B)
• Olive Coast color palette (#E2F4E4, #EBA885, #C28B43, #318A2C, #4A2605)
• Chalky Sapphire color palette (#F9EDFE, #E995AF, #CB7D48, #4D68C6, #3F1844)
• Amber Hollow color palette (#D2EBD4, #DC7950, #A86300, #2D6500, #280D00)
• Worn Coral Workshop color palette (#F5E5F2, #EA7161, #745769, #4C3347, #130913)
• Dusty Harbor color palette (#DBF7E4, #C98BB3, #B5593A, #005E7B, #3C2644)
• Rust Meadow color palette (#FFF5D9, #FB8DC3, #C75900, #005A72, #341912)
• Hushed Terrace color palette (#EBF9F0, #E5CDA1, #B6B176, #3E9F89, #384E3F)

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