Grape Garden color palette — #F3F4FF · #A976E4 · #D64700 · #7C00C9 · #681E00

Plum and Terracotta set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#A976E4): A luminous, vivid violet — the color of a velvet chair.
• Terracotta (#D64700): A full-bodied, vivid orange — the color of sun-warmed clay.
• Plum (#7C00C9): A full-bodied, vivid violet — the color of twilight just after sunset.
• Rust (#681E00): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Creativity, Energy. Tagged vibrant.

Use it as a design system

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

• Aubergine Ridge color palette (#DBDBF8, #9964BB, #A84B00, #6B0097, #451B00)
• Frosted Drift color palette (#F6F3FF, #C174B6, #AE6F00, #9A008F, #533200)
• Quiet Ultramarine color palette (#F0F5FF, #6F8CF2, #DC2F68, #2F28F6, #6C0E2F)
• Sunlit Grape Coast color palette (#EFF0FF, #B670FA, #8E8600, #7C09C2, #242200)
• Softworn Thicket color palette (#E5EAFF, #8666DB, #CE006E, #006A8A, #322852)
• Hushed Grape Study color palette (#F4F4FF, #B575D0, #008DA8, #8B00B1, #004250)
• Plum Pier color palette (#FCF1FD, #DB9DA1, #8A94D0, #B64859, #3F4C6A)
• Pale Aubergine color palette (#EDE4FE, #9C498F, #7B4E00, #630059, #281600)

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