Olive Drift color palette — #E8FAF6 · #86BCB3 · #AD88BE · #51813B · #4C4869

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

The five colors

• Ivory (#E8FAF6): a clean, paper-quiet neutral.
• Mint Leaf (#86BCB3): A luminous, dusty teal — the color of shallow lagoons.
• Dusty Rose (#AD88BE): A luminous, balanced violet — the color of a velvet chair.
• Olive Leaf (#51813B): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#4C4869): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

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

• Hushed Cypress Corridor color palette (#E7F9FD, #7FBEB5, #C18498, #00847A, #584560)
• Wisteria Study color palette (#E7F6F2, #A2BE87, #C082C5, #607C43, #322C45)
• Tempered Bronze color palette (#EEF8F0, #BFAE84, #8196D4, #8D6E00, #3F4B6F)
• Driftwood Hollow color palette (#E5FBF7, #CBDFEC, #B5ACBA, #838F5A, #385756)
• Ancient Archive color palette (#F8F6E6, #BECC97, #DE95CD, #839641, #644346)
• Cobalt Courtyard color palette (#E1FCF8, #77A676, #6B88C6, #A95D59, #274A46)
• Faded Pier color palette (#E7F9FF, #56AFB7, #C36D67, #00747B, #682E2B)
• Dusty Driftwood color palette (#FFF1F6, #A6C0A8, #9D7282, #755165, #374E40)

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