Soft Olive color palette — #F0F0DA · #A8B36A · #688C3D · #2B5B24 · #262F08
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F0DA): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#A8B36A): A luminous, balanced green — the color of fresh herbs.
- Olive Leaf (#688C3D): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#2B5B24): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#262F08): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
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
- Lagoon Canyon color palette (#E5F6DC, #74B888, #1C926A, #005E4D, #003936)
- Weathered Chapel color palette (#D3F6D5, #AFA75F, #5E8524, #006C3A, #0E4E42)
- Pine Lantern color palette (#D7FEDC, #8CC7A0, #3A8553, #004D23, #001E09)
- Bronze Boulevard color palette (#FFD8BF, #D1A162, #A17614, #614F00, #333306)
- Chalky Courtyard color palette (#C9F1DC, #BAC986, #74A447, #237C30, #205135)
- Weathered Olive Alley color palette (#F2F4E0, #82B470, #A979B2, #42732F, #341C39)
- Wandering Glacier Lagoon color palette (#F0F5DF, #B9F2F6, #90D5D7, #717C4D, #2D2F29)
- Wandering Emerald Studio color palette (#E0EDCD, #24A81C, #00743A, #00442E, #001F1A)
Browse the whole catalog at Explore, or see today's palette.