Grape Harbor color palette — #F0D6E2 · #008FB1 · #6D0CE6 · #690029 · #050008

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

The five colors

• Shell Pink (#F0D6E2): A whisper-light, dusty rose — the color of a warm blush.
• Cerulean (#008FB1): A luminous, balanced blue — the color of deep harbor water.
• Violet (#6D0CE6): A full-bodied, vivid violet — the color of a velvet chair.
• Mulberry (#690029): A deep, shadowed, balanced red — the color of embers at dusk.
• Black (#050008): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Lapis Corridor color palette (#F3E0ED, #008CA4, #3929FB, #6A0048, #070016)
• Timeworn Terrace color palette (#FCDEE8, #008DDA, #8000BD, #6B0400, #090004)
• Tempered Atelier color palette (#E6E9F7, #176AF8, #651FD8, #610054, #020005)
• Worn Coast color palette (#F5DFF0, #00979E, #0058AE, #60004B, #040011)
• Amethyst Balcony color palette (#FAEAF1, #3F8CFF, #8A41FF, #932E80, #080010)
• Washed Coast color palette (#F5D6D7, #5578F6, #AA007D, #692C00, #070001)
• Timeworn Pier color palette (#CCEEFA, #5B5F9B, #691D45, #00241D, #000E10)
• Dusty Aubergine Thicket color palette (#C2EADF, #008F7D, #00618A, #6D0074, #010022)

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