Grape Courtyard color palette — #F2F5FF · #D0D1E0 · #A8A1C2 · #5A27D5 · #2B3248

Iris and Mauve set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Silver (#D0D1E0): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#A8A1C2): A luminous, dusty violet — the color of twilight just after sunset.
• Iris (#5A27D5): A full-bodied, vivid violet — the color of wild irises.
• Deep Teal (#2B3248): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged scandi, muted, light, 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

• Ultramarine Meadow color palette (#ECF2FF, #D3D0EC, #B6A3C3, #4A48B8, #131929)
• Muted Grape Veranda color palette (#F5F4FC, #D5CFDF, #B59CC0, #8817A4, #332F46)
• Indigo Pier color palette (#FFF0FA, #F3D5DD, #E5AAC2, #5F67DD, #3E2C39)
• Worn Denim color palette (#EEF6FD, #C6D4E6, #97A6CA, #00618D, #17364C)
• Amethyst Balcony color palette (#E3E6FF, #8441D5, #862400, #1D3C00, #002839)
• Tempered Alley color palette (#D5F3EB, #69A171, #006B4D, #23388F, #003911)
• Muted Driftwood color palette (#F3F5FB, #DCD8DD, #B6A9A5, #857AA3, #50525C)
• Timeworn Aubergine Corridor color palette (#E4E4EF, #9A98A4, #766B81, #3F0061, #080619)

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