Olive Drift color palette — #E9F6E8 · #A8A273 · #4E7103 · #334F32 · #062216

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

The five colors

• Cream (#E9F6E8): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A8A273): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#4E7103): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#334F32): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#062216): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Washed Basin color palette (#E7F6F1, #83AC8B, #007663, #245043, #022120)
• Muted Coast color palette (#EBF9F0, #A59D57, #63681B, #2F543D, #243B30)
• Weathered Fern Delta color palette (#E5F4E8, #8D9445, #1D6603, #00433E, #00170F)
• Emerald Quarry color palette (#D1ECE2, #46AD56, #006B56, #3B4300, #001D04)
• Mustard Veranda color palette (#FFF3E5, #C0B766, #6D8C49, #68625C, #38352E)
• Patina Station color palette (#FAF4EA, #D7D39F, #89913F, #7D5E14, #30270C)
• Washed Corridor color palette (#D7E5D9, #797F19, #165200, #372700, #080900)
• Lagoon Market color palette (#EAF5F2, #A6CCCB, #519087, #496961, #243534)

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