Grape Harbor color palette — #FFF0D8 · #2093FC · #6A3ACB · #5C3200 · #0D193C
Built around Violet, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Cream (#FFF0D8): A whisper-light, dusty gold — the color of honey in a jar.
- Azure (#2093FC): A luminous, vivid blue — the color of deep harbor water.
- Violet (#6A3ACB): A full-bodied, vivid violet — the color of wild irises.
- Cocoa (#5C3200): A deep, shadowed, balanced gold — the color of old brass.
- Midnight (#0D193C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged retro, 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 Aubergine color palette (#F5E7D2, #7081DD, #793B95, #4A3500, #260E1C)
- Pale Dune color palette (#FCF8C6, #009AC1, #7041AF, #4D4700, #1B3756)
- Antique Delta color palette (#FFF0D8, #00A1C3, #0B58CB, #790500, #001F2F)
- Gentle Mulberry color palette (#FEEBFD, #317EF2, #A5005F, #463700, #001D1B)
- Violet Lantern color palette (#FFF4DE, #5EACFF, #8167D3, #854A00, #273455)
- Violet Field color palette (#FCF6D8, #0FD5F4, #8668F6, #565E00, #002B44)
- Dusty Alley color palette (#FCF0DE, #A190D1, #954D85, #4D4900, #321A22)
- Hazy Plum Summit color palette (#FFF0D8, #A471EE, #A80086, #414100, #271130)
Browse the whole catalog at Explore, or see today's palette.