Grape Harbor color palette — #DCE2C4 · #00C0D2 · #0095C3 · #7350A7 · #002932

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

The five colors

• Celadon Mist (#DCE2C4): A whisper-light, dusty green — the color of fresh herbs.
• Cyan (#00C0D2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0095C3): A luminous, balanced blue — the color of deep harbor water.
• Plum (#7350A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Midnight (#002932): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged retro, cool.

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

• Dusty Lagoon color palette (#D0E8D8, #00B5D1, #577CE8, #83448F, #00261F)
• Airy Violet color palette (#EBF2D9, #59CAED, #4F9FDA, #8E5DA4, #0F392A)
• Hazy Orchard color palette (#E2E1B8, #00C7A1, #009C9C, #4160B4, #002B25)
• Cerulean Pier color palette (#CEEFDB, #009CB9, #275A72, #1E3628, #010602)
• Wandering Petrol Veranda color palette (#FCD5BC, #00A998, #0070A6, #792C00, #002A2E)
• Ancient Delta color palette (#C9EBFA, #88BEE3, #7A97C3, #846488, #4C273F)
• Misty Quarry color palette (#ECF1E2, #B3D7FA, #79A7E3, #1489BA, #1B2C52)
• Faded Lantern color palette (#F9D5CC, #77AAFF, #7C7ADD, #A23A6C, #152048)

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