Grape Harbor color palette — #E5F6F5 · #5FB486 · #7541BE · #00663E · #040416
Built around Plum, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5F6F5): bright and airy, almost weightless.
- Jade (#5FB486): A luminous, balanced teal — the color of sea glass.
- Plum (#7541BE): A full-bodied, vivid violet — the color of a velvet chair.
- Pine (#00663E): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#040416): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.
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
- Timeworn Byzantium Field color palette (#E7F5F9, #00B6BD, #8A409A, #006165, #070412)
- Misty Lagoon color palette (#E7F5F4, #70B27E, #1561BF, #00672C, #010613)
- Hushed Ultramarine color palette (#E9F8FC, #00B0A7, #3357B0, #005C57, #0C182B)
- Chalky Orchard color palette (#F1F8EB, #00D3A0, #846EC8, #008665, #24111B)
- Washed Aubergine Garden color palette (#DAE9EA, #008D70, #670085, #004132, #010008)
- Softworn Mulberry Villa color palette (#E0F2F2, #009267, #832287, #373600, #161500)
- Washed Aubergine color palette (#E0F6FF, #008088, #4D2E9F, #4B2E00, #000C11)
- Worn Ultramarine Alley color palette (#DDEFDB, #009F93, #1C53B8, #513100, #001B26)
Browse the whole catalog at Explore, or see today's palette.