Grape Harbor color palette — #C3EAEB · #009F6B · #714AAA · #771144 · #341600
A conversation between Plum and Mulberry, giving this palette its sense of balance.
The five colors
- Frost (#C3EAEB): A whisper-light, dusty teal — the color of glacier melt.
- Kelly Green (#009F6B): A luminous, balanced teal — the color of glacier melt.
- Plum (#714AAA): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#771144): A deep, shadowed, balanced rose — the color of strawberry cream.
- Onyx (#341600): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: 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
- Grape Corridor color palette (#CAE8EC, #009C87, #7049AF, #663300, #321800)
- Weathered Indigo color palette (#DDF8F8, #00B07B, #7060C0, #7E362E, #4C1712)
- Hazy Moss color palette (#C6EAE2, #5F9A00, #115FBF, #7B0B38, #400019)
- Powdered Ultramarine color palette (#F0F9E6, #00AB7E, #0060BF, #670049, #150A00)
- Misty Bloom color palette (#C6E7F6, #0097AA, #9D376F, #712700, #222100)
- Misty Byzantium Atelier color palette (#DAE5D7, #00BAAE, #AF60B8, #8F329A, #321700)
- Aubergine Workshop color palette (#CDE8F0, #007575, #6E0080, #3B1F00, #0F0500)
- Bronze Market color palette (#D1E8DA, #9A8600, #006F85, #6A205A, #39062C)
Browse the whole catalog at Explore, or see today's palette.