Grape Harbor color palette — #F8D8E7 · #6529C0 · #3B3800 · #001D2D · #000408

Built around Plum, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8D8E7): A whisper-light, dusty rose — the color of strawberry cream.
• Plum (#6529C0): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#3B3800): A deep, shadowed, dusty green — the color of fresh herbs.
• Midnight (#001D2D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000408): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, 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

• Smoked Dune color palette (#FFDAE2, #72008A, #272D00, #000F28, #000105)
• Ultramarine Chapel color palette (#F6E7F6, #0053B2, #532A00, #001E23, #000406)
• Velvet Aubergine color palette (#F5DDE1, #852391, #1C4100, #270042, #070010)
• Washed Denim Orchard color palette (#EBDFD8, #5FA8BC, #005C96, #003B2C, #05032B)
• Aged Archive color palette (#FFDAD7, #9E0062, #483200, #00261D, #010640)
• Sunlit Raspberry Garden color palette (#F3ECFF, #C500A6, #006431, #003C38, #001614)
• Wandering Cocoa color palette (#FEE7F4, #966591, #753E1F, #082D53, #001532)
• Frosted Magenta color palette (#F9D6DA, #C113B7, #0D570A, #03028C, #01003D)

Browse the whole catalog at Explore, or see today's palette.