Grape Garden color palette — #FFF1F6 · #C9A7FF · #C24A1E · #7B35C3 · #030100
A conversation between Plum and Terracotta, giving this palette its sense of creativity and energy.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Lavender (#C9A7FF): A luminous, balanced violet — the color of twilight just after sunset.
- Terracotta (#C24A1E): A full-bodied, vivid orange — the color of toasted spice.
- Plum (#7B35C3): A full-bodied, vivid violet — the color of a velvet chair.
- Black (#030100): a grounded near-black with real depth.
Feels like: Creativity, Energy, Balance. Tagged duotone, 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
- Worn Grape color palette (#FFF1F4, #DBA1F1, #A16900, #863E9F, #020100)
- Quiet Violet Dune color palette (#FDF2F5, #E3BFFB, #CA6C41, #9654BB, #0D0300)
- Hushed Ultramarine Garden color palette (#FEF0FB, #A1B7FF, #BF3C83, #3B4ED7, #040000)
- Misty Aubergine color palette (#FFF1F4, #CE7DDE, #7F5700, #7A008D, #020100)
- Sunlit Magenta Workshop color palette (#EBE9F7, #E69EED, #F0518F, #C549D2, #16051D)
- Worn Aubergine Ridge color palette (#F0E0E3, #BB68C1, #9E0043, #73007B, #080000)
- Plum Lantern color palette (#F7F0FF, #F596E0, #BC4572, #760C00, #1F0B00)
- Tempered Plum color palette (#FFF2F0, #FFA3C6, #997A00, #C0006F, #020100)
Browse the whole catalog at Explore, or see today's palette.