Grape Harbor color palette — #FBD9E8 · #7618D9 · #565700 · #383800 · #070017

A conversation between Violet and Olive, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#FBD9E8): A whisper-light, dusty rose — the color of strawberry cream.
• Violet (#7618D9): A full-bodied, vivid violet — the color of wild irises.
• Olive (#565700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#383800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#070017): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, 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

• Byzantium Meadow color palette (#F4D7E1, #972BE3, #185000, #00392A, #090014)
• Lapis Corridor color palette (#E7EDFA, #4644D5, #694500, #002F2E, #01000A)
• Eclipse Aubergine color palette (#EBEEFF, #5107A4, #463200, #002406, #060018)
• Ultramarine Canyon color palette (#D6E3F6, #005DBB, #4D5A00, #323A00, #000411)
• Violet Loft color palette (#F4DCE7, #8E54FB, #8A6B00, #236000, #060018)
• Frosted Mulberry Grove color palette (#FFE8EB, #880089, #005516, #00330A, #050005)
• Soft Indigo Pier color palette (#D6E5D6, #6C5CCF, #8A0044, #003334, #160020)
• Timeworn Terrace color palette (#FFDEDA, #AE0059, #553300, #2D2000, #000207)

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