Olive Garden color palette — #F2EECD · #558700 · #00733A · #004E3E · #000A0C

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

The five colors

• Custard (#F2EECD): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#558700): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#00733A): A full-bodied, balanced teal — the color of sea glass.
• Forest (#004E3E): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000A0C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cellar Pine color palette (#EBF3E3, #1E7E0B, #004527, #001810, #000201)
• Hushed Station color palette (#DEEBD3, #009452, #006E68, #00434F, #00080F)
• Pale Bronze Bloom color palette (#F0E0CE, #907400, #5B6900, #00501D, #000E0A)
• Gentle Terrace color palette (#D2F2F3, #00956C, #BA209C, #006448, #11000C)
• Chestnut Summit color palette (#D6EBDB, #7D8752, #775C00, #632F00, #000500)
• Dusty Olive Veranda color palette (#CFE9E9, #69ABC9, #6E93D4, #6F7000, #000E0D)
• Weathered Canyon color palette (#D0F2F0, #00807D, #982EA4, #910054, #000202)
• Teal Bloom color palette (#DBE6DB, #00B494, #008B8C, #006980, #001C36)

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