Olive Garden color palette — #F7F1E5 · #A5A466 · #606C00 · #364F27 · #231B01
A conversation between Olive and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F7F1E5): a clean, paper-quiet neutral.
- Sage (#A5A466): A luminous, balanced green — the color of new leaves after rain.
- Olive (#606C00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Olive (#364F27): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#231B01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
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
- Olive Boulevard color palette (#F5F2E4, #A6BC8E, #578249, #4D5D17, #292817)
- Worn Loft color palette (#F1F4E2, #78AF8A, #027755, #045249, #191F04)
- Dusty Fern Garden color palette (#FFF1F5, #AC9A57, #5B6B23, #2C5254, #213C2C)
- Weathered Moss Field color palette (#FFF3E7, #DED09E, #809525, #546D2E, #302612)
- Patina Courtyard color palette (#EBE6D7, #738038, #344D00, #03340B, #0A0800)
- Quiet Olive color palette (#D6F0E4, #009FD0, #588E00, #005D7C, #112200)
- Weathered Cobalt color palette (#F1F3EA, #ADD1C0, #1C85B8, #005968, #00271F)
- Violet Corridor color palette (#CFEBE0, #0085BE, #8153B5, #006B54, #001911)
Browse the whole catalog at Explore, or see today's palette.