Grape Courtyard color palette — #FAD8E6 · #6511E9 · #4C3E00 · #2D2500 · #000202

Violet takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FAD8E6): A whisper-light, dusty rose — the color of strawberry cream.
• Violet (#6511E9): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#4C3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#2D2500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000202): a grounded near-black with real depth.

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

• Moonless Ultramarine Hollow color palette (#FAE0F6, #2500F1, #533C00, #2E2000, #000201)
• Linen Byzantium color palette (#F6D5E1, #8600E2, #3F4C00, #00300D, #000B02)
• Airy Cabin color palette (#F4D6E5, #590BF4, #7F1200, #4F0700, #000202)
• Lowlit Aubergine Basin color palette (#FCD5E1, #780096, #004113, #001D05, #000301)
• Pale Pier color palette (#D1F8E5, #4D51FF, #860058, #003523, #120025)
• Denim Quarry color palette (#D1EBE1, #006398, #613500, #361B00, #020300)
• Lowlit Mulberry color palette (#E5DEFA, #831D7F, #740401, #022001, #00000A)
• Hazy Magenta color palette (#FFE6EB, #C41EF7, #7A6800, #504400, #001A1B)

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