Olive Drift color palette — #F4F2EB · #C8C794 · #388CB7 · #7B7500 · #051A13

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

The five colors

• Cream (#F4F2EB): bright and airy, almost weightless.
• Pistachio (#C8C794): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#388CB7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Olive Leaf (#7B7500): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#051A13): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, 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

• Muted Bronze color palette (#F6F1EC, #E5B999, #3C90A1, #A95A00, #081A10)
• Olive Quarry color palette (#F6F6EF, #AECB92, #208BA0, #587931, #253129)
• Hushed Harbor color palette (#F2F2EC, #B4CCA3, #8278BA, #568032, #201019)
• Hushed Azure color palette (#EFF8F3, #D7D598, #4FA6D1, #93904E, #252F36)
• Tempered Clover color palette (#F3F3E7, #89B85D, #0071AE, #3F6900, #000A16)
• Cocoa Basin color palette (#FFEDE9, #9CB587, #2F8691, #783D49, #282F19)
• Driftwood Meadow color palette (#F1F2EC, #D2D9D6, #A4B4BA, #698E69, #36372C)
• Lagoon Harbor color palette (#FFF1CD, #B0CBA3, #429E8B, #005E6B, #002E53)

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