Grape Harbor color palette — #C1F2DA · #9D9822 · #632EE2 · #545100 · #2E186C
Iris and Royal Purple set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C1F2DA): A whisper-light, dusty teal — the color of sea glass.
- Moss (#9D9822): A luminous, balanced green — the color of new leaves after rain.
- Iris (#632EE2): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#545100): A full-bodied, balanced green — the color of a quiet forest floor.
- Royal Purple (#2E186C): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Dusty Field color palette (#FBE2AA, #A57E00, #4C57F0, #634A00, #1C1C76)
- Amethyst Field color palette (#E8E4CB, #9C8600, #8542E2, #594C00, #1E003F)
- Byzantium Ridge color palette (#F5E2C0, #D2AB29, #9F40EC, #806600, #3F0B64)
- Quiet Bloom color palette (#C2F0E6, #5CAB23, #9E00A3, #2B5C00, #4D054F)
- Gentle Lapis color palette (#EDEEDE, #767600, #5F2FEC, #6C1CAD, #262600)
- Worn Villa color palette (#D6FFF9, #3EC133, #A951CB, #115F0A, #4C2A59)
- Aged Quarry color palette (#FFD8E9, #D87721, #0066A6, #783C00, #003052)
- Worn Balcony color palette (#DBF4F5, #2AB788, #974988, #006749, #4E2346)
Browse the whole catalog at Explore, or see today's palette.