Grape Studio color palette — #CCE8D2 · #34C659 · #00919B · #5B00D4 · #000103
Plum and Clover set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#CCE8D2): A whisper-light, dusty teal — the color of sea glass.
- Clover (#34C659): A luminous, vivid green — the color of fresh herbs.
- Cerulean (#00919B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Plum (#5B00D4): A full-bodied, vivid violet — the color of twilight just after sunset.
- Black (#000103): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged candy, vibrant, light.
Use it as a design system
One click turns Grape Studio 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
- Faded Grape color palette (#CDECDD, #00C669, #008ABC, #7D00B2, #000106)
- Wandering Ultramarine color palette (#D1E6CE, #8DB100, #009087, #0042EA, #000102)
- Nightshade Summit color palette (#D0EAF8, #009C5D, #006973, #200EBB, #00050A)
- Hazy Villa color palette (#D6ECF8, #00BAA6, #00A5BA, #3070D0, #00060A)
- Emerald Market color palette (#D7E3CC, #BBA000, #009A55, #005795, #000201)
- Washed Sapphire color palette (#EDD8F0, #00BCC0, #306FFE, #8D0092, #01000B)
- Navy Boulevard color palette (#D9F3DF, #478A96, #2E418C, #2B2100, #050300)
- Weathered Spruce color palette (#F7E4DF, #6EB0AC, #005F73, #022E04, #000104)
Browse the whole catalog at Explore, or see today's palette.