Grape Alley color palette — #FFF0F7 · #A097CB · #AC821D · #6A4FB4 · #533F13

Built around Plum, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mauve (#A097CB): A luminous, dusty violet — the color of a velvet chair.
• Mustard (#AC821D): A luminous, balanced gold — the color of old brass.
• Plum (#6A4FB4): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#533F13): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Misty Grape Terrace color palette (#FFF1F5, #AE92C5, #6E9852, #8142AD, #304B1B)
• Timeworn Amber color palette (#ECF2FF, #959CE8, #A78B00, #565AAB, #302600)
• Linen Petrol color palette (#E9FAF4, #71A5D2, #B77B30, #006AAB, #5D3908)
• Mustard Orchard color palette (#FFF0FA, #A8B0FF, #C9AA20, #696DC8, #4D4216)
• Washed Harbor color palette (#FFF0F8, #897CC4, #8A7C18, #4C6F27, #4B2D3D)
• Byzantium Harbor color palette (#FFF1F3, #BE71C8, #00956E, #9200A2, #004632)
• Timeworn Aubergine color palette (#ECDDFF, #A25AE4, #6C7800, #6C00AB, #2C3200)
• Muted Cocoa color palette (#FFF3E6, #B3A58A, #916940, #7C3C30, #453E00)

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