Olive Drift color palette — #F3F2EA · #CCDAD2 · #A8BEAC · #507024 · #222114

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

The five colors

• Cream (#F3F2EA): bright and airy, almost weightless.
• Silver (#CCDAD2): bright and airy, almost weightless.
• Stone (#A8BEAC): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#507024): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#222114): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Studio color palette (#EFF3ED, #CCD9D8, #C3AFC5, #007663, #1C2318)
• Dusty Basalt color palette (#F5F6EE, #D0DDD3, #AEB7A8, #516D47, #3D3E00)
• Wandering Parlor color palette (#F7F1E3, #8AAB7D, #00765D, #4F471B, #1E1E00)
• Wandering Atelier color palette (#EEF8F6, #D1DDE1, #C5C2CC, #6B9858, #23322F)
• Cellar Pine color palette (#DCE5CF, #007750, #092D18, #090F02, #030200)
• Hushed Forest Lagoon color palette (#E8E9DF, #AEB6AA, #719880, #165200, #0B0C01)
• Tempered Abyss color palette (#DFE5D8, #96A497, #5282A0, #004129, #030500)
• Washed Quarry color palette (#FFE1DA, #7D9627, #00686B, #601742, #161B00)

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