Olive Drift color palette — #EFF7F5 · #D2DCE0 · #AFC3D0 · #5A8140 · #3F4A48
A conversation between Olive Leaf and Ash, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EFF7F5): bright and airy, almost weightless.
- Silver (#D2DCE0): a clean, paper-quiet neutral.
- Ash (#AFC3D0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive Leaf (#5A8140): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal (#3F4A48): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Weathered Thicket color palette (#EFF7F7, #D5DADF, #B1A9B3, #588F79, #485556)
- Wandering Pewter Station color palette (#ECF4F1, #D0D9DE, #B0BFD0, #6B7C4E, #252E2C)
- Ancient Forest Terrace color palette (#EAF9F8, #BED8DC, #8AADB8, #006C3E, #183938)
- Pine Thicket color palette (#D5E9E9, #18855C, #12383F, #062425, #050F12)
- Spruce Grove color palette (#DBE9E7, #9CADAE, #64868C, #00450D, #001816)
- Washed Delta color palette (#D9E1E5, #B1BAC2, #7B90AD, #004C60, #10222B)
- Hushed Aubergine color palette (#EAFAED, #7EA378, #1C7A6C, #603B77, #0E4645)
- Mint Study color palette (#E7F9F9, #CFDC9E, #69CF92, #00A2AA, #0A4649)
Browse the whole catalog at Explore, or see today's palette.