Grape Drift color palette — #F4D8E7 · #AD4C00 · #8100B7 · #5E2600 · #2A0040

A conversation between Plum and Terracotta, giving this palette its sense of optimism and creativity.

The five colors

• Shell Pink (#F4D8E7): A whisper-light, dusty pink — the color of a candy shop window.
• Terracotta (#AD4C00): A full-bodied, balanced orange — the color of toasted spice.
• Plum (#8100B7): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#5E2600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Indigo (#2A0040): A deep, shadowed, balanced violet — the color of wild irises.

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

• Ultramarine Thicket color palette (#F1DEF5, #BA3158, #3A39D6, #6E002A, #0E0D4D)
• Rust Basin color palette (#F3E3EC, #AC4900, #005E8D, #5B2300, #000912)
• Timeworn Corridor color palette (#F8EAE1, #EA6D24, #006BA2, #873700, #001D30)
• Feathered Orchid color palette (#FFF1F6, #CC915F, #B366C1, #955200, #533558)
• Airy Orchard color palette (#F9EDE3, #814C00, #365900, #73003B, #1D0D00)
• Softworn Bronze color palette (#F9E0EC, #A5642B, #6F3100, #491400, #270A17)
• Worn Pier color palette (#F9E8F3, #B84000, #2C6A00, #641F00, #092100)
• Olive Corridor color palette (#E0F4E9, #777000, #00666B, #3F3B00, #002022)

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