Olive Drift color palette — #E9F6EB · #A7A36A · #596F00 · #553C57 · #0A2117

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sage (#A7A36A): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#596F00): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#553C57): A deep, shadowed, dusty pink — the color of neon signs at night.
• Onyx (#0A2117): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Pine Lantern color palette (#E4F7EF, #8AAB7A, #1E7745, #643A26, #01221D)
• Hushed Pine Lagoon color palette (#EBF4F0, #8DC0B1, #568256, #664C5E, #0F2D26)
• Pale Mustard color palette (#CFFFE7, #ADAC4F, #767000, #353500, #0C0B00)
• Amber Grove color palette (#FFE9D8, #C5841A, #7B5E00, #504500, #232600)
• Ancient Mustard color palette (#FDF4E5, #BFB869, #77894A, #7A5B52, #38352E)
• Feathered Mulberry color palette (#D0E6DA, #8B7D00, #007A97, #883A6E, #00190E)
• Indigo Parlor color palette (#DEEEE3, #A98F24, #5C71DB, #655400, #11183D)
• Timeworn Ridge color palette (#EDF9ED, #D1D4A4, #619A64, #5D6082, #112E23)

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