Olive Drift color palette — #F9F5E8 · #A5AD79 · #797631 · #5D511C · #453E00

Walnut and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#A5AD79): A luminous, dusty green — the color of new leaves after rain.
• Walnut (#797631): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#5D511C): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Olive (#453E00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged earthy, warm, 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

• Ancient Bronze Hollow color palette (#FFF3E6, #C0A275, #96672F, #6F4728, #413C36)
• Ancient Basalt color palette (#FCF5E3, #D4D3B0, #B6AF75, #A18160, #344400)
• Ancient Ridge color palette (#F5EEDD, #8A8D4A, #605700, #433500, #212800)
• Muted Driftwood color palette (#E2FDEE, #B3C792, #989253, #7D643F, #264341)
• Gentle Amber Station color palette (#F2D9C4, #BC7E38, #894800, #632800, #3A2400)
• Eclipse Balcony color palette (#EFDDC5, #6F5500, #3B2700, #1B0D00, #050300)
• Feathered Peony color palette (#FFF1F2, #B45E9B, #9F5F22, #655000, #442B2C)
• Bronze Lantern color palette (#F6E4DA, #AD5E25, #742B00, #4E0C00, #241100)

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