Grape Harbor color palette — #D3E6D6 · #876400 · #5920C8 · #392800 · #010008
Built around Plum, softened by Ochre — the whole palette hums with optimism and creativity.
The five colors
- Celadon Mist (#D3E6D6): A whisper-light, dusty teal — the color of sea glass.
- Ochre (#876400): A full-bodied, balanced gold — the color of honey in a jar.
- Plum (#5920C8): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#392800): A deep, shadowed, dusty gold — the color of old brass.
- Black (#010008): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Optimism, 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
- Antique Ultramarine color palette (#F7DFE6, #955C00, #193BD1, #3F2400, #00000C)
- Feathered Thicket color palette (#CBF0E3, #627400, #7D07A7, #273000, #030005)
- Cellar Nightshade color palette (#EBE2D2, #634F00, #1126A4, #291F00, #010025)
- Bronze Summit color palette (#EFDBCB, #9D5600, #005A87, #432100, #000103)
- Softworn Amethyst Drift color palette (#D8EFD7, #A97100, #774EDC, #724B00, #08001D)
- Tempered Nightshade Study color palette (#F7F1D1, #635400, #2930A8, #2F0D83, #020100)
- Wandering Cornflower color palette (#F6D7D9, #0084E5, #857200, #050E0E, #000201)
- Wandering Pier color palette (#D3EAEA, #24A471, #96008E, #00482E, #030003)
Browse the whole catalog at Explore, or see today's palette.