Grape Harbor color palette — #D5ECEC · #6CBE00 · #009DB5 · #6E3BD7 · #001018

Violet and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D5ECEC): A whisper-light, dusty teal — the color of sea glass.
• Lime (#6CBE00): A luminous, vivid green — the color of new leaves after rain.
• Cerulean (#009DB5): A luminous, balanced blue — the color of deep harbor water.
• Violet (#6E3BD7): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#001018): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. 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

• Hushed Grape color palette (#C0E8F2, #00BC81, #0098C8, #8036BF, #000F1B)
• Worn Sapphire Veranda color palette (#DBF5FB, #9EAA02, #009D9C, #0964E1, #000D10)
• Worn Sapphire Delta color palette (#DDFBDE, #5DD565, #00ACB8, #1250F8, #000102)
• Chalky Orchid color palette (#E2FAFF, #00EA88, #00C4D6, #9C5DFF, #00283B)
• Plum Grove color palette (#CCE4FA, #00B7AF, #0090F1, #B11EA7, #070039)
• Washed Quarry color palette (#DDEEED, #BF9600, #00A951, #006C90, #001210)
• Patina Lagoon color palette (#E1F0E2, #2F9896, #4A6395, #583D00, #261800)
• Antique Teal Ridge color palette (#D3ECD7, #00A99E, #008290, #004F66, #000D11)

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