Grape Harbor color palette — #FFF1F5 · #D08100 · #0098A5 · #7642C3 · #3E212C
A conversation between Violet and Mustard, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mustard (#D08100): A luminous, balanced gold — the color of honey in a jar.
- Cerulean (#0098A5): A luminous, balanced blue — the color of deep harbor water.
- Violet (#7642C3): A full-bodied, vivid violet — the color of twilight just after sunset.
- Espresso (#3E212C): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Trust, Stability, Optimism, Creativity, Energy, Balance. Tagged warm.
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
- Sunlit Byzantium color palette (#FFF1F6, #E7912A, #007EAF, #903AA2, #402402)
- Marigold Orchard color palette (#FFF3E6, #E59000, #00A2C2, #505CB9, #2A1600)
- Ultramarine Field color palette (#FFF0FB, #F0604C, #009D7E, #3F57D0, #3A2235)
- Grape Summit color palette (#E5FDE8, #AE8000, #008591, #7E25A7, #0C280E)
- Mulberry Basin color palette (#E2FDEA, #BC9700, #0084A5, #91027E, #530948)
- Ancient Emerald color palette (#FFF1F6, #CAA300, #169F48, #722E93, #363905)
- Iris Quarry color palette (#EDF9EE, #C59633, #608EE0, #9C5376, #263829)
- Sunlit Peony color palette (#FAF1FF, #FC3B97, #0095B6, #7349B8, #431D2C)
Browse the whole catalog at Explore, or see today's palette.