Olive Drift color palette — #FAF5E5 · #98AD62 · #497900 · #7B3C2E · #353F19
Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#98AD62): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#497900): A full-bodied, balanced green — the color of fresh herbs.
- Rust (#7B3C2E): A full-bodied, balanced orange — the color of toasted spice.
- Deep Olive (#353F19): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance, 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
- Pine Balcony color palette (#F5F8DF, #79B38A, #007D56, #6E471D, #1D442B)
- Gentle Moss color palette (#F4EBD2, #959900, #506300, #633600, #2F3100)
- Weathered Quarry color palette (#FEF0D8, #9FB34B, #1F802D, #53436A, #262102)
- Lime Summit color palette (#E2FDEA, #ADC852, #57985E, #6F5E92, #363F19)
- Weathered Emerald Courtyard color palette (#FFF2EA, #E76A00, #0C9924, #934100, #03480C)
- Weathered Chestnut Quarry color palette (#F7F5ED, #C6C29F, #718A61, #875C1D, #574E00)
- Ancient Boulevard color palette (#F1F8E9, #4BB8A2, #007A72, #285577, #304026)
- Mulberry Ridge color palette (#FFE6D1, #BD6500, #637E00, #A9136C, #4A2503)
Browse the whole catalog at Explore, or see today's palette.