Olive Drift color palette — #FFF4E2 · #C39300 · #408C00 · #00635D · #551A00

Olive Leaf and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C39300): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#408C00): A full-bodied, vivid green — the color of a quiet forest floor.
• Pine (#00635D): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#551A00): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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

• Quiet Marigold Boulevard color palette (#E8FBE8, #E79D00, #728A00, #006046, #450012)
• Wandering Delta color palette (#FFF3E2, #C59200, #4F8A00, #006459, #00354A)
• Weathered Meadow color palette (#FEF4E1, #C1BE88, #848F27, #965726, #403C01)
• Muted Moss color palette (#F4F3E4, #81A350, #00856C, #00596C, #122859)
• Frosted Bloom color palette (#FFDB9D, #DBAE31, #9C8300, #6C6200, #454500)
• Amber Drift color palette (#EEDDCB, #BA7500, #55421C, #382102, #1A0F05)
• Patina Moss Pier color palette (#FBECAF, #CCC29E, #89A661, #0B827F, #00525D)
• Antique Pine color palette (#E5EACD, #238B2D, #005F5D, #003754, #13003B)

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