Grape Harbor color palette — #DCF0FE · #427DFF · #5406EB · #510074 · #340032
Built around Iris, softened by Azure — the whole palette hums with creativity and energy.
The five colors
- Frost (#DCF0FE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Azure (#427DFF): A luminous, vivid violet — the color of wild irises.
- Iris (#5406EB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#510074): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#340032): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Creativity, Energy. 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
- Feathered Grape color palette (#E1EBF8, #6574FF, #8000CF, #60005B, #360021)
- Airy Ultramarine Hollow color palette (#C7E6EF, #008ADA, #2D23FA, #3E0091, #2B0042)
- Prism Lapis color palette (#D7DFF2, #717FFF, #5B27F1, #4300A2, #36146A)
- Chalky Violet color palette (#E2F1FF, #749EFF, #7659FF, #6E18B5, #49005F)
- Antique Summit color palette (#E1D8FF, #B77BFF, #810AD9, #3F0066, #0E0019)
- Misty Nightshade Chapel color palette (#E8E8FE, #8167FF, #737800, #4C1CB9, #161800)
- Faded Aubergine color palette (#DFF4F4, #009ECF, #0057B1, #2F0097, #2B0247)
- Nocturne Lapis color palette (#DCEAFF, #4601DB, #3B005F, #20001C, #060002)
Browse the whole catalog at Explore, or see today's palette.