Olive Garden color palette — #F3F4FF · #A691D5 · #C27779 · #797200 · #2E3149

Built around Olive, softened by Wisteria — the whole palette hums with nature and growth.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#A691D5): A luminous, balanced violet — the color of a velvet chair.
• Dusty Rose (#C27779): A luminous, balanced red — the color of late-summer berries.
• Olive (#797200): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2E3149): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Balance. Tagged 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

• Hushed Bloom color palette (#F0F5FF, #859BE1, #B87899, #9F5C00, #26334A)
• Wandering Pine Workshop color palette (#F3F4FF, #A692CF, #C27C4A, #29833F, #2E3147)
• Tempered Basin color palette (#F3F4FF, #9F84CC, #B5585E, #4A6800, #1C2D41)
• Misty Olive color palette (#F5E9FF, #C47097, #898500, #006F6C, #2E1F39)
• Hushed Powder color palette (#FEF0FE, #7FB4FF, #C09559, #926A2E, #2E1E2E)
• Gentle Peony color palette (#FFF1F3, #AC61A6, #A65A16, #6A4E00, #432B2F)
• Blush Lantern color palette (#F0F6FF, #99B8FF, #E18FBC, #44A295, #283346)
• Wandering Meadow color palette (#E8D7EF, #C1587C, #946800, #006248, #320819)

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