Olive Garden color palette — #F1F0D9 · #587F00 · #006E7B · #004972 · #29270E

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

The five colors

• Cream (#F1F0D9): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#587F00): A full-bodied, balanced green — the color of a quiet forest floor.
• Teal (#006E7B): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004972): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#29270E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Quiet Olive Alley color palette (#F0F0DB, #4A8200, #006D82, #6C3200, #292807)
• Dusty Thicket color palette (#EAF3DC, #008658, #00669F, #363B80, #222A15)
• Misty Moss color palette (#F6EFD2, #699630, #006D35, #00475B, #30312A)
• Airy Pine color palette (#EFF4E7, #008D5A, #006067, #003C6B, #301F53)
• Frosted Bronze color palette (#F4E7D4, #966D00, #4861A3, #2C4078, #190E00)
• Feathered Nightshade Field color palette (#CEE6CC, #00716F, #3842B0, #4F0877, #092109)
• Worn Fern color palette (#F6F5EF, #D4DCD1, #B4B69A, #606A2B, #3C3B34)
• Muted Fern color palette (#E9E4CD, #535600, #004D4D, #002D3E, #120D00)

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