Grape Harbor color palette — #D3F0E1 · #736C00 · #5128D5 · #3E3A00 · #050020
Iris and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#D3F0E1): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive (#736C00): A full-bodied, balanced green — the color of a quiet forest floor.
- Iris (#5128D5): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3E3A00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#050020): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. 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
- Quiet Denim Bloom color palette (#D7E4D6, #8F5D00, #0056A8, #4E3100, #000514)
- Chalky Canyon color palette (#E9DEC0, #8B8000, #7151DE, #5E5600, #07001E)
- Soft Nightshade Veranda color palette (#DEF3EB, #495900, #1422A7, #1C2400, #010024)
- Quiet Study color palette (#D3F2EC, #468D1F, #740086, #1A4300, #0E0012)
- Airy Garnet Boulevard color palette (#C7EFDE, #5A5D00, #005474, #710045, #020200)
- Timeworn Sapphire color palette (#FFDEEA, #3C68FF, #217600, #00100A, #000202)
- Feathered Byzantium Loft color palette (#C2E8DD, #8EBB3E, #963CE4, #4F7000, #351652)
- Powdered Mulberry Boulevard color palette (#F5E9CA, #776D00, #9D0047, #312C00, #040001)
Browse the whole catalog at Explore, or see today's palette.