Olive Drift color palette — #F6F6ED · #B7C7AA · #688B6F · #6C691E · #485040

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

The five colors

• Ivory (#F6F6ED): bright and airy, almost weightless.
• Pistachio (#B7C7AA): A luminous, dusty green — the color of new leaves after rain.
• Fern (#688B6F): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#6C691E): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#485040): A full-bodied, dusty green — the color of new leaves after rain.

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 Archive color palette (#FBF4EB, #C8C1A2, #7C8943, #4B7057, #5A4D00)
• Antique Parlor color palette (#F4F6EF, #C9D6BC, #5EABA3, #79853F, #3C5717)
• Lagoon Cabin color palette (#EBF4F3, #A0CDD0, #528F89, #4C6865, #1D3637)
• Aged Dune color palette (#E6DFD0, #648558, #005140, #003348, #082100)
• Muted Lagoon Grove color palette (#E8FBEF, #E9D7D1, #D7B997, #559188, #5D4C5C)
• Muted Olive color palette (#FFF3E6, #AAA66F, #407A2C, #005D60, #403C09)
• Hushed Stone color palette (#ECF8F5, #B3EAED, #86C2C6, #88A09A, #405152)
• Weathered Cypress Ridge color palette (#FAF4F0, #CBE7E6, #7E9BC2, #2A7E70, #624A58)

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