Grape Harbor color palette — #D5E6DE · #007496 · #8D009A · #003E52 · #0F0011

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

The five colors

• Parchment (#D5E6DE): A whisper-light, dusty teal — the color of sea glass.
• Teal (#007496): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#8D009A): A full-bodied, vivid pink — the color of neon signs at night.
• Deep Teal (#003E52): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0F0011): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Gentle Aubergine color palette (#D4E3EE, #005E8B, #6B00A8, #00493A, #000205)
• Mulberry Garden color palette (#FADFFB, #0065CC, #9E055F, #003672, #120007)
• Aged Ultramarine Basin color palette (#DEEBD8, #007A6A, #3F42C0, #004238, #030022)
• Timeworn Terracotta color palette (#DBEAE1, #007792, #8C3600, #00313E, #030000)
• Softworn Fern Quarry color palette (#D3E2DC, #0070A4, #166B0A, #003C5B, #000900)
• Dusty Cobalt Boulevard color palette (#D5E6F2, #0083BB, #005074, #001C2C, #000204)
• Gentle Bloom color palette (#E8E9FD, #704EFF, #007670, #421EA8, #001312)
• Worn Periwinkle Corridor color palette (#CBEADF, #559EF5, #657FDE, #005A73, #000B1B)

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