Olive Drift color palette — #EAFAF0 · #A9B68B · #5C7E53 · #5A5571 · #2F4840

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAFAF0): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#A9B68B): A luminous, dusty green — the color of fresh herbs.
• Fern (#5C7E53): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#5A5571): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#2F4840): 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

• Timeworn Lagoon color palette (#EAF5EC, #98BDB1, #518165, #4E5275, #102D26)
• Hushed Pine color palette (#E6FBF1, #8DA46F, #3A713F, #5F3F55, #123E35)
• Basalt Lantern color palette (#F9F4ED, #CCC69B, #689D7B, #8D6375, #4C4300)
• Weathered Alley color palette (#FFF0F8, #B97651, #2F8E71, #675F9C, #482F3D)
• Ancient Terrace color palette (#F0F7F1, #C1E2F3, #5093B6, #12706E, #314A63)
• Tempered Corridor color palette (#FFF0F9, #D18C71, #0C98BD, #9C4B2A, #044A5D)
• Antique Terrace color palette (#FAF5E7, #DDD7AA, #8DBB80, #A9858C, #4C4300)
• Antique Corridor color palette (#D4EBDD, #879349, #366215, #5D2E29, #272D00)

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