Olive Garden color palette — #F3F0DC · #878B00 · #577C00 · #1A5700 · #00190A

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

The five colors

• Cream (#F3F0DC): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#878B00): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#577C00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#1A5700): A full-bodied, balanced green — the color of a quiet forest floor.
• Ink (#00190A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Frosted Moss Terrace color palette (#E0E7C9, #5B9800, #018321, #005839, #001A14)
• Antique Chapel color palette (#F2DFCD, #B07E00, #7F6900, #545300, #0D1300)
• Moss Villa color palette (#EEDCC3, #8F8600, #385D00, #003213, #000202)
• Airy Veranda color palette (#CBE7D0, #009D72, #007E6D, #005955, #001B1D)
• Timeworn Olive Corridor color palette (#CFE7CB, #74C0C0, #41A9D9, #778200, #00220D)
• Gentle Moss color palette (#DFE1CE, #97C100, #4DA900, #00863E, #003A26)
• Pale Orchid Lagoon color palette (#D8F0EA, #6DB739, #AB51D1, #2E5E00, #1C0028)
• Pale Sapphire color palette (#D9F2D6, #229718, #1A66F8, #C1002A, #010B00)

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