Grape Harbor color palette — #F3D4E3 · #770EF1 · #85001E · #2A2800 · #000A0A

Violet takes the lead with Oxblood close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F3D4E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Violet (#770EF1): A full-bodied, vivid violet — the color of a velvet chair.
• Oxblood (#85001E): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2A2800): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000A0A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Byzantium color palette (#F3DEE4, #9400CE, #772700, #192D00, #00090E)
• Feathered Ultramarine Meadow color palette (#F4E0F2, #0058E1, #800048, #302500, #000A08)
• Softworn Veranda color palette (#FFDDE9, #AD56FF, #C50A0C, #484C00, #002A2C)
• Feathered Plum color palette (#D9E1F3, #6B70E8, #AF1A67, #294F00, #020028)
• Midnight Basin color palette (#EAD7EA, #004792, #55000D, #001A05, #000A0A)
• Weathered Byzantium Harbor color palette (#E6D9F0, #BB00CB, #9A0081, #5F003E, #2F0014)
• Nocturne Grape color palette (#EBE2F6, #7400B0, #2D022A, #1F0E06, #090003)
• Feathered Plum Drift color palette (#FFE4E5, #B0008A, #5D3E00, #002E24, #020029)

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