Olive Garden color palette — #FFF4DF · #D0E8B8 · #C2BD72 · #7C842C · #4C4B43
A conversation between Olive Leaf and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#D0E8B8): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C2BD72): A luminous, balanced green — the color of new leaves after rain.
- Olive Leaf (#7C842C): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal Brown (#4C4B43): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged light, 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
- Mustard Summit color palette (#FFECDA, #EED69A, #C5C157, #8AA366, #4D4E47)
- Wandering Lagoon Boulevard color palette (#F5F9D5, #ACF0DE, #83CD9C, #3B956C, #484B44)
- Ancient Veranda color palette (#FFF2EB, #E5D9C4, #E2A577, #AF773D, #4C4741)
- Tempered Workshop color palette (#FFDCE8, #D5B666, #89863B, #4D5E30, #183A37)
- Aged Hollow color palette (#F9F7DA, #C3EFD1, #9EB87A, #5D7328, #25330A)
- Timeworn Moss Studio color palette (#F9F5E9, #CBEAC2, #FCB6BE, #A39F2D, #623A30)
- Muted Bloom color palette (#F7F6E7, #BCE2D7, #C4C5D0, #C1C697, #565500)
- Eclipse Archive color palette (#E3E0C9, #6E6C00, #414800, #111900, #010100)
Browse the whole catalog at Explore, or see today's palette.