Olive Garden color palette — #F8F6E2 · #ACCD78 · #2EB6DF · #618400 · #002D3A
Built around Olive Leaf, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E2): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#ACCD78): A luminous, balanced green — the color of new leaves after rain.
- Cyan (#2EB6DF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Olive Leaf (#618400): A full-bodied, balanced green — the color of a quiet forest floor.
- Midnight (#002D3A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
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
- Teal Ridge color palette (#FDF4E4, #D3BE79, #0DBEB9, #8D7400, #002F2E)
- Quiet Periwinkle Station color palette (#F1F9E6, #82D3AD, #70A7F9, #008C61, #032556)
- Moss Loft color palette (#E4FDE9, #1AC0CF, #999800, #00717B, #1A1A00)
- Hazy Lantern color palette (#FAF7DA, #97B357, #00ACA4, #BC6300, #161F00)
- Olive Thicket color palette (#F6F7DE, #9CD081, #F38259, #458A00, #481401)
- Softworn Mint color palette (#EBFDD3, #00D296, #D68400, #007E59, #2E1900)
- Worn Pine Boulevard color palette (#F2F8E9, #CFD791, #13764A, #00311B, #030500)
- Airy Moss color palette (#F7F9D0, #B6E3A9, #669F46, #1B5900, #031100)
Browse the whole catalog at Explore, or see today's palette.