Grape Courtyard color palette — #E4DFC1 · #839921 · #7936A3 · #425000 · #391251

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

The five colors

• Celadon Mist (#E4DFC1): A whisper-light, dusty green — the color of a quiet forest floor.
• Olive Leaf (#839921): A luminous, balanced green — the color of fresh herbs.
• Plum (#7936A3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#425000): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#391251): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Grape Courtyard 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

• Soft Amethyst color palette (#E8DDC3, #8E800E, #7050C2, #534A00, #2E135F)
• Hushed Plum color palette (#D9E3C7, #239563, #96439A, #005836, #440747)
• Misty Aubergine Balcony color palette (#DFE2D4, #22934D, #6F009B, #00461E, #2B003F)
• Sunlit Violet Boulevard color palette (#EFF1DA, #6B9D5E, #9365CC, #1E6000, #402461)
• Plum Canyon color palette (#DAEBD1, #009A84, #CA006D, #005C4E, #59002D)
• Chalky Moss color palette (#D9F4EC, #678E00, #007695, #384F00, #00151D)
• Airy Pine Parlor color palette (#F4F7EA, #79AF83, #BB6C93, #007B36, #5F3148)
• Pale Chartreuse color palette (#C5E7DC, #ABD531, #B585F8, #607B00, #321B4D)

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