Grape Harbor color palette — #E5F4FF · #00C4B3 · #009ECC · #700EE9 · #002441

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

The five colors

• Frost (#E5F4FF): A whisper-light, dusty blue — the color of open sky before noon.
• Turquoise (#00C4B3): A luminous, balanced teal — the color of sea glass.
• Cerulean (#009ECC): A luminous, balanced blue — the color of deep harbor water.
• Violet (#700EE9): A full-bodied, vivid violet — the color of a velvet chair.
• Midnight (#002441): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, 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

• Faded Basin color palette (#DCF5FF, #5FC793, #00A4C5, #3A46F8, #002531)
• Byzantium Quarry color palette (#E4F0FF, #00C9CC, #0592FA, #9A00D3, #182256)
• Grape Pier color palette (#CCE1FC, #00B3BF, #0080EA, #7D00B2, #06043F)
• Byzantium Lagoon color palette (#EDF6FF, #56E1E1, #28ADFB, #944ECC, #1E2C56)
• Soft Coast color palette (#D7DEF1, #0099C9, #643FFF, #830082, #140030)
• Sapphire Balcony color palette (#DCF9EE, #00BEE8, #00A1E3, #2965EF, #000D1B)
• Lapis Market color palette (#D4EFFF, #4695DD, #414BD3, #3D019D, #3E2057)
• Misty Pier color palette (#EDF2FF, #21C5F6, #7A71F7, #A80092, #28164C)

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