Soft Olive color palette — #E9FFBF · #98B860 · #557000 · #324600 · #1F2B00
Olive and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E9FFBF): A whisper-light, balanced green — the color of new leaves after rain.
- Sage (#98B860): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#557000): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#324600): A deep, shadowed, balanced green — the color of fresh herbs.
- Deep Forest (#1F2B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance. Tagged monochrome.
Use it as a design system
One click turns Soft Olive 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 Lagoon color palette (#DDFFE7, #5DBE88, #008045, #004B26, #00311A)
- Chalky Moss Lagoon color palette (#E8FFC4, #ABCC52, #799600, #4A6100, #1E2C00)
- Hushed Grove color palette (#DDF5E9, #99A36C, #706D00, #554900, #2D3B0C)
- Aged Olive color palette (#D9FFF3, #A5E4E4, #76C992, #727200, #3B4F27)
- Antique Marigold Harbor color palette (#FFF3E4, #DC9D3F, #8A5C00, #503300, #342000)
- Tempered Emerald color palette (#C8E9D6, #339C66, #005635, #002312, #000A04)
- Patina Teal Orchard color palette (#EAF8FA, #1BBBA3, #00708A, #006456, #00212B)
- Plum Dune color palette (#E4FDE7, #996D00, #9D2E9C, #88004B, #3A2700)
Browse the whole catalog at Explore, or see today's palette.