Grape Villa color palette — #C7E8CD · #3694F7 · #714AC8 · #693B00 · #172243

Violet takes the lead with Azure close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#C7E8CD): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#3694F7): A luminous, vivid blue — the color of open sky before noon.
• Violet (#714AC8): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#172243): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro.

Use it as a design system

One click turns Grape Villa 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 Violet color palette (#E1F4E5, #789FF2, #8B5DBD, #744C00, #252F4A)
• Byzantium Harbor color palette (#CBE6D1, #8A84E5, #A224AB, #564700, #291B3F)
• Sapphire Boulevard color palette (#C8E8CE, #00A2C6, #2161D2, #861405, #00283B)
• Hushed Grape color palette (#ECE2CC, #616BFA, #830CA9, #483400, #170F30)
• Indigo Basin color palette (#FFF2EE, #7C9CFF, #6D56BA, #721339, #0C0A33)
• Powdered Aubergine Field color palette (#C3E8D3, #0083AA, #5D3487, #3B3300, #0E2441)
• Patina Plum color palette (#D4E3F6, #4182EE, #A4267E, #603700, #00280B)
• Sky Boulevard color palette (#E8DEBF, #37B6F9, #8F75D1, #6C6A00, #092349)

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