Olive Drift color palette — #E2E9CD · #778100 · #007037 · #004A49 · #000302
Olive Leaf and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E2E9CD): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#778100): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#007037): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004A49): A deep, shadowed, dusty teal — the color of sea glass.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, light, 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
- Antique Workshop color palette (#DFF4DC, #00944B, #00736D, #004355, #000505)
- Worn Balcony color palette (#F0EBDA, #B77800, #706900, #00451F, #030500)
- Wandering Olive color palette (#D3F4F2, #BE8E00, #228C0E, #00647F, #000806)
- Timeworn Onyx color palette (#D8ECD9, #317968, #00414A, #360534, #21000D)
- Tempered Lagoon color palette (#E8E0D5, #418F8B, #00454C, #002317, #000B10)
- Smoked Spruce color palette (#E0E9D0, #54575F, #003822, #111F1D, #000605)
- Softworn Garnet Coast color palette (#DCF7DB, #005D5E, #780026, #002626, #130002)
- Weathered Boulevard color palette (#C6E6E4, #9CAA00, #00A855, #008585, #000301)
Browse the whole catalog at Explore, or see today's palette.