Grape Harbor color palette — #D6F1E1 · #008AA5 · #711ED5 · #743400 · #000202
Violet and Bronze set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#D6F1E1): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#008AA5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Violet (#711ED5): A full-bodied, vivid violet — the color of wild irises.
- Bronze (#743400): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Black (#000202): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged jewel, 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
- Weathered Lapis Delta color palette (#D9E5D2, #00967E, #5D43D6, #6C2F00, #000A07)
- Lapis Studio color palette (#DDF1E5, #00839F, #4D4DD3, #8C0026, #000300)
- Misty Courtyard color palette (#D8F1E6, #007FA9, #9E00A6, #654100, #000202)
- Chalky Delta color palette (#F3E3F0, #4269F4, #8F17AC, #614000, #000202)
- Aged Study color palette (#E1FDED, #00B8E2, #B53BFF, #925A00, #00201E)
- Worn Plum Thicket color palette (#F3DEE8, #8E69F1, #CA0045, #475E00, #00050F)
- Tempered Ridge color palette (#D0EEE1, #00749D, #1E2E5F, #151F26, #00080F)
- Softworn Navy color palette (#CCEFE8, #00A5B5, #00769D, #0044A5, #0C002C)
Browse the whole catalog at Explore, or see today's palette.