Grape Harbor color palette — #FFF1F4 · #BE6CD7 · #B56A00 · #8821A3 · #563000
Built around Plum, softened by Wisteria — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F4): bright and airy, almost weightless.
- Wisteria (#BE6CD7): A luminous, vivid pink — the color of a candy shop window.
- Ochre (#B56A00): A full-bodied, balanced gold — the color of old brass.
- Plum (#8821A3): A full-bodied, vivid pink — the color of peonies in June.
- Espresso (#563000): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Optimism, 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
- Muted Fuchsia Workshop color palette (#FFF1F3, #E06EE6, #6D8C00, #7E0686, #324100)
- Nightshade Grove color palette (#EDF2FF, #9C9AFF, #898500, #483CA1, #232200)
- Nightshade Studio color palette (#FFF0FC, #7E9CFF, #C55C00, #2734C1, #5F2900)
- Linen Aubergine Orchard color palette (#FFE7F1, #A589EB, #488D0B, #542997, #223E10)
- Aubergine Canyon color palette (#F1D5E3, #8164E2, #647300, #5112B1, #262D00)
- Grape Canyon color palette (#FFF1F5, #B68BD1, #18AA7A, #794397, #41443D)
- Faded Lapis Orchard color palette (#FFF0F9, #B6B7FF, #AD9D00, #5F50CD, #423B00)
- Teal Meadow color palette (#FFF2EF, #DB9BAB, #48AD97, #9E5B6E, #44523B)
Browse the whole catalog at Explore, or see today's palette.