Grape Summit color palette — #FFF1F7 · #B77845 · #008F7B · #7453AD · #4D2C3B

Plum takes the lead with Fern close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Caramel (#B77845): A luminous, balanced gold — the color of old brass.
• Fern (#008F7B): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#7453AD): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#4D2C3B): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Soft Study color palette (#FFF0FC, #C06E67, #498D50, #4363B8, #492D45)
• Byzantium Garden color palette (#E8FCE8, #AA8041, #008D8E, #8948A2, #283E29)
• Chalky Cobalt Terrace color palette (#FFEBFC, #CA6F69, #2580DD, #5764AE, #2A1628)
• Quiet Aubergine color palette (#EDDDC3, #936800, #007277, #810098, #312000)
• Sapphire Pier color palette (#C8EEE6, #5C8841, #146BC9, #9D2A3F, #00342D)
• Quiet Archive color palette (#C9F8E4, #818700, #007CAA, #AD006A, #313400)
• Airy Boulevard color palette (#FFF2EB, #FF9B77, #918ACA, #4D85D4, #3D3632)
• Cocoa Alley color palette (#FFF0F8, #BE9CA8, #996346, #7A3E34, #2E4331)

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