Grape Harbor color palette — #E8FBED · #00A4B7 · #754C9E · #621F00 · #031100

A conversation between Plum and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8FBED): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#00A4B7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Plum (#754C9E): A full-bodied, balanced violet — the color of wild irises.
• Rust (#621F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#031100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Sunlit Azure color palette (#E3FCF3, #009BE6, #8F3F88, #552C00, #001104)
• Lapis Chapel color palette (#ECFAEA, #00A7A2, #5153BE, #6C002F, #120C00)
• Powdered Turquoise color palette (#E6FCEF, #00B8DF, #8E629F, #743600, #002308)
• Frosted Aubergine Pier color palette (#DFFAEE, #0085B2, #6C2887, #451000, #010200)
• Patina Aubergine Delta color palette (#D2E5ED, #007684, #5A00A5, #5C0203, #1D2200)
• Sunlit Delta color palette (#FFF0FD, #6495FF, #BC2062, #493F00, #001617)
• Softworn Cobalt Thicket color palette (#D7F8FF, #9CC8BA, #7A83B8, #77453E, #402100)
• Feathered Aubergine color palette (#DDF4EE, #53800D, #470EA3, #332500, #0A0C00)

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