Grape Harbor color palette — #DBEDB9 · #82A222 · #6129E8 · #435700 · #2C1A6B
A conversation between Iris and Moss, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#DBEDB9): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#82A222): A luminous, balanced green — the color of fresh herbs.
- Iris (#6129E8): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#435700): A full-bodied, balanced green — the color of fresh herbs.
- Royal Purple (#2C1A6B): A deep, shadowed, balanced violet — the color of wild irises.
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
- Sunlit Drift color palette (#F4E4B5, #A18000, #6A3DFF, #604C00, #2B1572)
- Soft Byzantium color palette (#C3F0E3, #7AA422, #9800B2, #3F5800, #451350)
- Byzantium Studio color palette (#D5FFFE, #2BBF82, #9743BA, #006E47, #4F2561)
- Hushed Ultramarine color palette (#FFDDC7, #D97621, #0055D6, #793B00, #00266D)
- Misty Plum color palette (#BCE8EB, #009572, #9E379E, #005741, #421042)
- Powdered Garden color palette (#E2E3C5, #787500, #9800BB, #792092, #272600)
- Washed Moss Corridor color palette (#ECE8CB, #7C9200, #007F96, #465300, #001A20)
- Faded Wisteria Coast color palette (#EEE5C7, #D3D032, #CB81FF, #7B7900, #440164)
Browse the whole catalog at Explore, or see today's palette.