Hazy Grape Pier color palette — #CCE6DC · #00BDA6 · #0077DD · #8300A2 · #040E34

Plum and Royal Blue set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#CCE6DC): A whisper-light, dusty teal — the color of glacier melt.
• Turquoise (#00BDA6): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#0077DD): A full-bodied, vivid blue — the color of deep harbor water.
• Plum (#8300A2): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Indigo (#040E34): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Hazy 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

• Ancient Grape color palette (#D8F8E7, #00BD8E, #008FBD, #7000CB, #00173D)
• Worn Grove color palette (#EFD9F1, #00BBB6, #2072FC, #910067, #16123D)
• Washed Grape Field color palette (#D7E0EB, #00B2D7, #007CD6, #5F3DB0, #00021C)
• Ultramarine Workshop color palette (#F6DFF1, #00A5A7, #124EF9, #7B0051, #0A0023)
• Aged Periwinkle Corridor color palette (#B7ECDD, #00C3EA, #38A2FE, #7260CD, #01123E)
• Dusty Grove color palette (#D5E6D1, #6FB31E, #00878B, #4F33C7, #00181D)
• Softworn Aubergine color palette (#BEEAE3, #4E8BAE, #6A3F7F, #293C00, #002815)
• Washed Grape color palette (#FDE1E9, #0082B0, #7500DA, #690018, #08000A)

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