Grape Harbor color palette — #F0EBDE · #857F00 · #007C9B · #8200A0 · #050500
Built around Plum, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F0EBDE): a clean, paper-quiet neutral.
- Olive Leaf (#857F00): A full-bodied, balanced green — the color of new leaves after rain.
- Cerulean (#007C9B): A full-bodied, balanced blue — the color of deep harbor water.
- Plum (#8200A0): A full-bodied, vivid pink — the color of peonies in June.
- Ink (#050500): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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
- Quiet Mulberry Lantern color palette (#E8ECD7, #109B33, #007E91, #880079, #000701)
- Quiet Balcony color palette (#FFE7E0, #9A8A00, #007967, #810056, #060E00)
- Antique Grape Drift color palette (#FFE7DC, #D1432A, #008370, #6E19B5, #0F0100)
- Hushed Aubergine color palette (#D3ECDD, #706000, #005495, #49007C, #060400)
- Muted Mulberry Archive color palette (#E8F4DC, #00916F, #006FCF, #9C004C, #000604)
- Ultramarine Garden color palette (#DBE7DB, #008D90, #0079AA, #283DC8, #000606)
- Pale Market color palette (#D9E4D8, #009F9B, #736BE0, #B71800, #001110)
- Quiet Byzantium color palette (#CEF0CA, #3EC82D, #00ACAE, #A021EA, #042701)
Browse the whole catalog at Explore, or see today's palette.