Quiet Olive Garden color palette — #F8F5E9 · #837D00 · #006C4E · #214177 · #3E241A

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Olive Leaf (#837D00): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006C4E): A full-bodied, balanced teal — the color of sea glass.
• Navy (#214177): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#3E241A): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Quiet 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

• Wandering Bronze Garden color palette (#FEF3E9, #AC662C, #5C6316, #004955, #3D2225)
• Soft Pine color palette (#F4F7E6, #1F854B, #006788, #513871, #372819)
• Tempered Taupe Harbor color palette (#FFF3E6, #B79054, #547542, #544277, #403D36)
• Navy Lantern color palette (#FBF5E4, #948A42, #2B6994, #30457B, #5A2234)
• Washed Navy Drift color palette (#F4EDC4, #646100, #004F63, #0E0086, #330001)
• Muted Olive Market color palette (#E9E5D5, #767600, #32332C, #231F10, #0D0D05)
• Muted Veranda color palette (#ECF9ED, #007C7F, #005575, #5A1741, #251C00)
• Hushed Bronze color palette (#F9F4EE, #D9DDD3, #B8C4B6, #8C6F3C, #4E463C)

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