Olive Drift color palette — #E3E0C3 · #59883C · #005E4D · #2D2A4F · #2A0711
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#E3E0C3): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#59883C): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#005E4D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#2D2A4F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Ink (#2A0711): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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
- Wandering Olive color palette (#F2E0C7, #7C7827, #426134, #072D54, #150835)
- Tempered Lagoon Canyon color palette (#E1F1E4, #278A81, #1A596C, #411E39, #280A05)
- Tempered Onyx color palette (#FFEADB, #696535, #20462C, #350B3E, #28000B)
- Worn Aubergine color palette (#EADBD0, #8F884D, #40744E, #623676, #280009)
- Lagoon Basin color palette (#E0F2E6, #41917B, #005956, #002047, #01000A)
- Dusty Olive Veranda color palette (#DDE5C4, #397C00, #00551B, #00331F, #00110C)
- Weathered Pine Ridge color palette (#EEF2D8, #008A5F, #005147, #3E2600, #040700)
- Frosted Aubergine Workshop color palette (#E2E7D7, #238F53, #79007A, #004422, #100010)
Browse the whole catalog at Explore, or see today's palette.