Grape Harbor color palette — #F2F5FF · #623ED4 · #494100 · #002941 · #010009
Iris takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Iris (#623ED4): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#494100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Midnight (#002941): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#010009): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, 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
- Tempered Balcony color palette (#F3F4FF, #8A46CC, #6D3700, #002C2C, #010009)
- Deep Nightshade color palette (#E8EFFC, #253EAB, #003F15, #00201E, #000103)
- Moonless Pier color palette (#E9E1F9, #9F0091, #363100, #00112A, #030003)
- Frosted Byzantium color palette (#F6F3FF, #AC1DB1, #425500, #0D0482, #020007)
- Orchid Corridor color palette (#DCF8D0, #B05AE7, #A10114, #003238, #0C0008)
- Feathered Balcony color palette (#FBF1FF, #B80063, #593A00, #002731, #030005)
- Aubergine Courtyard color palette (#FFF0F9, #C34B0F, #006A1E, #300886, #040002)
- Washed Plum color palette (#FEF0FF, #BA0046, #3E4400, #0D0074, #030004)
Browse the whole catalog at Explore, or see today's palette.