Grape Harbor color palette — #D6EAF7 · #007B99 · #7740A9 · #04510E · #001017
Built around Plum, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Frost (#D6EAF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007B99): A full-bodied, balanced blue — the color of deep harbor water.
- Plum (#7740A9): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Olive (#04510E): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#001017): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Aged Aubergine color palette (#E0EDF7, #0075A2, #7500A4, #003F22, #00090E)
- Softworn Lapis Chapel color palette (#D2EFF0, #007F81, #4D48CB, #404700, #001111)
- Worn Cobalt color palette (#DCEDFF, #006FC8, #943383, #004F3E, #000E20)
- Feathered Mulberry Bloom color palette (#DEF1FF, #007CAA, #9A218D, #443700, #000103)
- Lapis Quarry color palette (#DFF0FF, #009CE3, #494DC4, #005883, #010210)
- Washed Raspberry Lagoon color palette (#D4E6FF, #377EFF, #CD089C, #00675B, #0C1E3E)
- Chalky Lapis color palette (#DBE5FB, #5746FF, #B0005D, #004D4E, #040B24)
- Softworn Studio color palette (#D6F0FF, #005B72, #7C0C30, #3B2200, #001017)
Browse the whole catalog at Explore, or see today's palette.