Grape Harbor color palette — #D0ECE8 · #00B7E6 · #1073F5 · #6900C1 · #460045
Built around Plum, softened by Sapphire — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0ECE8): A whisper-light, dusty teal — the color of glacier melt.
- Cyan (#00B7E6): A luminous, balanced blue — the color of open sky before noon.
- Sapphire (#1073F5): A full-bodied, vivid blue — the color of deep harbor water.
- Plum (#6900C1): A full-bodied, vivid violet — the color of a velvet chair.
- Royal Purple (#460045): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Energy. 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
- Softworn Courtyard color palette (#D1EAED, #2FB5FB, #625FFF, #7D0097, #50002F)
- Hazy Grape color palette (#D6F9EB, #00C1CC, #0082CA, #4A00D7, #3E0056)
- Airy Amethyst Summit color palette (#DDF4FF, #7CC2FF, #6A8CFF, #6F4CDB, #3D0060)
- Bright Ultramarine color palette (#D5E6F0, #2397FC, #0F30FE, #3D009B, #3C005B)
- Lapis Thicket color palette (#D0EDFE, #009BC2, #6348DB, #554700, #002935)
- Linen Nightshade color palette (#C3E8F2, #2373B7, #441EB1, #36003D, #0C0005)
- Hushed Drift color palette (#DDEFFC, #799EEE, #904FB7, #7C0068, #440014)
- Misty Mulberry Grove color palette (#D9E4F0, #927EDF, #933099, #69002B, #310600)
Browse the whole catalog at Explore, or see today's palette.