Olive Garden color palette — #F8F1E5 · #A4A653 · #527025 · #603C2F · #221C05

Olive and Moss set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Moss (#A4A653): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#527025): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#603C2F): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#221C05): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Garden color palette (#F2F3E4, #71B08C, #0D7562, #4B4540, #181F07)
• Dusty Market color palette (#F6F2E4, #A2BD8E, #588060, #7D441B, #292814)
• Patina Moss Veranda color palette (#EFE9D4, #789B44, #26642E, #3D3B03, #151300)
• Amber Pier color palette (#F1E1D1, #C48900, #7C6200, #494900, #1D2600)
• Frosted Market color palette (#EEF9B9, #9DAF3F, #6A7200, #313700, #0D1000)
• Antique Mustard color palette (#F2E8D1, #B3A224, #6461B6, #605600, #191738)
• Linen Celadon color palette (#FEF1CC, #C0E79F, #71C8A7, #80682F, #252106)
• Chalky Station color palette (#E8E2CF, #848000, #00799E, #8C3867, #1A1300)

Browse the whole catalog at Explore, or see today's palette.