Grape Courtyard color palette — #DCDDF0 · #8383FF · #5314C6 · #15004F · #010008

A conversation between Plum and Lavender Blue, giving this palette its sense of creativity and energy.

The five colors

• Silver (#DCDDF0): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender Blue (#8383FF): A luminous, vivid violet — the color of wild irises.
• Plum (#5314C6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#15004F): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Energy, Balance. Tagged monochrome, vibrant.

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

• Muted Orchid Garden color palette (#EEDDFF, #B16CFF, #6C1BB0, #1F0040, #020007)
• Twilit Pier color palette (#E0DEFA, #6462C4, #3700A5, #0F003A, #020008)
• Pale Nightshade Loft color palette (#E4E7FD, #A18BFF, #6D54E1, #4618AF, #020011)
• Feathered Cornflower Canyon color palette (#E3F0FF, #3790FF, #004B9C, #00162B, #000104)
• Orchid Study color palette (#F7F3FF, #D0C8FF, #A051FE, #460098, #090020)
• Linen Sapphire Corridor color palette (#F8EEDE, #00BFB2, #0074D8, #120A16, #030004)
• Pale Delta color palette (#FAE3E8, #C34FEE, #723F00, #5C0077, #020100)
• Misty Magenta Courtyard color palette (#FFD0F4, #E547D7, #890075, #230024, #030003)

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