Grape Harbor color palette — #FCF2F6 · #B6A5D3 · #AF4B3A · #753AB3 · #351D12

Plum takes the lead with Brick close behind in a set that reads as creativity and balance at first glance.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Mauve (#B6A5D3): A luminous, dusty violet — the color of a velvet chair.
• Brick (#AF4B3A): A full-bodied, balanced orange — the color of autumn markets.
• Plum (#753AB3): A full-bodied, vivid violet — the color of twilight just after sunset.
• Onyx (#351D12): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Creativity, Balance. Tagged duotone.

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

• Ultramarine Alley color palette (#FBF2F9, #99ACE4, #A6505A, #3D54BB, #331E18)
• Quiet Mulberry color palette (#FEF2F2, #CC9EC1, #99600F, #992687, #30200E)
• Misty Terrace color palette (#F2F1F7, #D89AD8, #B35061, #8E4091, #150916)
• Dusty Blush Parlor color palette (#FBF3F4, #E1B2E1, #CF6B83, #A367A4, #321E1B)
• Garnet Balcony color palette (#F9F2FF, #CB97C1, #A25871, #8E2413, #5B2E00)
• Aubergine Boulevard color palette (#FFECEF, #BC6ABE, #883A00, #740079, #220900)
• Tempered Terracotta color palette (#FCF5DF, #AA89B7, #995058, #00595F, #523436)
• Weathered Pewter color palette (#FBF3F4, #E2D9D3, #CABEAE, #90628B, #544345)

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