Grape Harbor color palette — #DFF2F0 · #009A4D · #693DD3 · #7E003E · #130300
Built around Violet, softened by Kelly Green — the whole palette hums with nature and growth.
The five colors
- Cream (#DFF2F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Kelly Green (#009A4D): A luminous, balanced teal — the color of shallow lagoons.
- Violet (#693DD3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Mulberry (#7E003E): A deep, shadowed, balanced red — the color of a theater curtain.
- Ink (#130300): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Creativity, Energy, Balance. 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
- Sunlit Ultramarine color palette (#D3E4E0, #5D9300, #0060C3, #7B004F, #15000A)
- Wandering Byzantium color palette (#C8EDF5, #00948C, #982B9E, #830010, #0D0600)
- Tempered Grape Hollow color palette (#BDE9EE, #00856E, #6B1DBC, #542A00, #040100)
- Airy Aubergine color palette (#CFF0DE, #908300, #006C99, #621E78, #14000D)
- Aubergine Basin color palette (#E8EEDC, #007B4D, #660061, #2C001E, #040001)
- Pale Orchid Grove color palette (#C6F2F3, #00C692, #A955FE, #BD0056, #3B1A00)
- Cerulean Loft color palette (#EAF3E5, #39A38D, #1583AA, #7F463C, #3B1200)
- Chalky Orchid Loft color palette (#C9E7F1, #00B8BE, #B659BC, #845700, #2D1B00)
Browse the whole catalog at Explore, or see today's palette.