Grape Garden color palette — #ABFFE6 · #00C9EB · #008AE2 · #5D37D8 · #55005D

Iris takes the lead with Azure close behind in a set that reads as trust and stability at first glance.

The five colors

• Sea Foam (#ABFFE6): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#00C9EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#008AE2): A luminous, vivid blue — the color of deep harbor water.
• Iris (#5D37D8): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#55005D): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

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

• Hushed Ultramarine color palette (#B0FECC, #00CEC9, #0092CE, #2451D0, #430078)
• Grape Grove color palette (#78FDF7, #3BC1FE, #5781FF, #7B2DAC, #5D004F)
• Pale Lapis Orchard color palette (#D6FFFF, #80E0FF, #369FFC, #4B45D0, #3E005B)
• Ancient Bloom color palette (#D5F6FB, #1F96E3, #642CF3, #5F0074, #2B0015)
• Washed Aubergine color palette (#C2EAE8, #00B4DE, #396BE5, #531AA8, #3D0037)
• Worn Nightshade Villa color palette (#B8EEFF, #00ABF0, #006BC1, #2937A6, #3C0881)
• Indigo Ridge color palette (#E0FFE3, #00BEC9, #686AE9, #765400, #003B51)
• Nightshade Harbor color palette (#D3EEFF, #97CFFF, #61A9FF, #4370E3, #2B009A)

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