Grape Drift color palette — #F9DED0 · #C60071 · #7E00DB · #150413 · #01000A

Built around Violet, softened by Magenta Rose — the whole palette hums with creativity and energy.

The five colors

• Shell Pink (#F9DED0): A whisper-light, dusty orange — the color of toasted spice.
• Magenta Rose (#C60071): A full-bodied, vivid rose — the color of strawberry cream.
• Violet (#7E00DB): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#150413): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#01000A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

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

• Pale Lapis Ridge color palette (#F6DCD5, #C10087, #4E20FC, #11021C, #000107)
• Byzantium Pier color palette (#F0DDC6, #CF002A, #9500B6, #15040D, #010008)
• Aged Terrace color palette (#D5F1FE, #F4028D, #973FFF, #180B2B, #060002)
• Byzantium Parlor color palette (#E4E4F6, #8B39B8, #640043, #40005B, #020006)
• Plum Cabin color palette (#FDE1F7, #A5247F, #6B0041, #320012, #060001)
• Linen Byzantium color palette (#FEDBE5, #9900E7, #0065A7, #0A0B16, #000104)
• Airy Indigo color palette (#DEEACA, #F85B1C, #436FF4, #0C0A17, #000106)
• Weathered Aubergine Workshop color palette (#EDEBF6, #A39BB1, #976D83, #5A0061, #05030C)

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