Grape Harbor color palette — #FFDBE9 · #7E00D8 · #694E00 · #004124 · #080015

Built around Violet, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FFDBE9): A whisper-light, dusty rose — the color of a warm blush.
• Violet (#7E00D8): A full-bodied, vivid violet — the color of a velvet chair.
• Bronze (#694E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004124): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#080015): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Faded Atelier color palette (#F0E0E4, #8D00BE, #4F4000, #002E1F, #00020C)
• Misty Mulberry Summit color palette (#F9DADD, #A10094, #4A5B00, #003F3B, #0D000B)
• Lapis Meadow color palette (#F5DDF0, #2E30FD, #784400, #2F3B00, #01001E)
• Deep Aubergine Pier color palette (#FDE9F2, #5100A8, #154100, #082400, #060018)
• Washed Coast color palette (#E1E8FC, #7765DD, #926700, #006546, #05001A)
• Wandering Harbor color palette (#DDECFF, #0060B3, #843900, #3D3600, #0C000E)
• Frosted Ultramarine color palette (#CEE4FE, #005CBB, #0E5E0C, #003027, #000105)
• Soft Raspberry color palette (#ECE5D8, #BF00A6, #8E002A, #00360B, #1C000E)

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