Soft Olive color palette — #E2E7B9 · #9CB266 · #598C3D · #1F5E2F · #00321F
Built around Olive Leaf, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E2E7B9): A whisper-light, dusty green — the color of a quiet forest floor.
- Sage (#9CB266): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#598C3D): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#1F5E2F): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#00321F): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Olive Alley color palette (#F9DAAC, #C2A756, #7A7800, #465200, #22340B)
- Washed Lagoon color palette (#E0E5B7, #63B587, #138F70, #005E52, #003132)
- Timeworn Pine Quarry color palette (#EBF8D1, #92D0AA, #308661, #004A2C, #001E11)
- Ancient Pine Ridge color palette (#C1F0DA, #ADCA87, #68A558, #027C3E, #0E4F37)
- Washed Pine color palette (#F1F4DF, #7BB57C, #AE76B2, #327537, #361B38)
- Airy Emerald Delta color palette (#DCEBD5, #00AD2E, #007648, #004234, #002320)
- Cocoa Meadow color palette (#FFEFDD, #BEA884, #8B704C, #703E03, #29220F)
- Hushed Balcony color palette (#EFF5DD, #57A06D, #6679C7, #A24F40, #1C2103)
Browse the whole catalog at Explore, or see today's palette.