Grape Harbor color palette — #ECEEFF · #7944B3 · #685300 · #00492C · #000205
Built around Plum, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Frost (#ECEEFF): A whisper-light, dusty violet — the color of wild irises.
- Plum (#7944B3): A full-bodied, vivid violet — the color of wild irises.
- Coffee (#685300): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#00492C): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Black (#000205): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, 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
- Softworn Plum color palette (#E3DEEC, #AB4199, #7F4600, #004314, #000204)
- Timeworn Sapphire color palette (#E5EDFF, #4B5FCF, #813A00, #294000, #000203)
- Quiet Mulberry color palette (#E7F2E9, #A558A4, #A70045, #184600, #0B0006)
- Softworn Plum color palette (#E3DCE8, #B40B71, #386100, #00444C, #03000B)
- Pale Delta color palette (#F7E8FA, #DC3650, #007442, #005472, #040007)
- Pale Boulevard color palette (#EEE2F7, #CB578B, #5A7E00, #005F66, #07001B)
- Shadow Mulberry Hollow color palette (#EDE2FD, #7B0663, #630202, #001D10, #050005)
- Eclipse Aubergine Lagoon color palette (#F7DBE6, #5B0B9F, #3B1500, #18050A, #000505)
Browse the whole catalog at Explore, or see today's palette.