Grape Pier color palette — #CCE5F7 · #3181FE · #5A17C6 · #330043 · #050003

A conversation between Plum and Azure, giving this palette its sense of trust and stability.

The five colors

• Frost (#CCE5F7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#3181FE): A luminous, vivid blue — the color of deep harbor water.
• Plum (#5A17C6): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#330043): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#050003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Aubergine Garden color palette (#DCEAFF, #6A6DFA, #7100AC, #47004A, #0E0005)
• Washed Nightshade color palette (#C6EFFE, #0088D9, #112AC5, #2C0054, #030005)
• Aged Amethyst Corridor color palette (#DAE2EE, #7178F4, #7534FB, #5B00A6, #1C0028)
• Lapis Summit color palette (#E2EDFF, #414CD9, #410095, #250043, #07000E)
• Chalky Aubergine Delta color palette (#EAD8F2, #B86ADB, #7316A0, #1B0031, #020006)
• Antique Sapphire color palette (#DFE2C6, #588BE3, #216BEB, #160917, #030003)
• Linen Hollow color palette (#F3D8E3, #8D60D6, #6A6C00, #4D008F, #010100)
• Frosted Boulevard color palette (#DEDCF0, #7C53ED, #275500, #003F2D, #010008)

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