Olive Garden color palette — #ECF3D0 · #6D8B00 · #395500 · #133300 · #000200
Built around Olive Leaf, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#ECF3D0): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#6D8B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#395500): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#133300): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#000200): 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 Olive Garden 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
- Worn Emerald Balcony color palette (#DCF4EF, #419500, #006F9D, #1C4800, #000103)
- Dusty Olive color palette (#E7EDC9, #627A00, #334D00, #122A00, #00150F)
- Dusty Pier color palette (#F9E7C6, #977600, #594B00, #232000, #010100)
- Timeworn Emerald Harbor color palette (#CFE8D2, #009551, #005F3F, #00291E, #000705)
- Olive Veranda color palette (#E2EEDB, #427800, #006569, #603800, #000200)
- Wandering Courtyard color palette (#D3F79A, #87D236, #389E00, #006020, #002B14)
- Airy Fern color palette (#C8FDF7, #9DD3B4, #40C1A6, #3A6300, #000702)
- Worn Lagoon color palette (#D8F2F1, #00ACB2, #006A74, #003A45, #001218)
Browse the whole catalog at Explore, or see today's palette.