Grape Harbor color palette — #F1F1F8 · #DDD2D9 · #C2B1C0 · #774F99 · #1F1F2D

A conversation between Plum and Ash, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F1F1F8): a clean, paper-quiet neutral.
• Silver (#DDD2D9): bright and airy, almost weightless.
• Ash (#C2B1C0): A luminous, dusty pink — the color of a candy shop window.
• Plum (#774F99): A full-bodied, balanced violet — the color of a velvet chair.
• Midnight (#1F1F2D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

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

• Worn Pewter color palette (#F4F4FC, #E2D5E0, #BCACC6, #7A508E, #3A3943)
• Weathered Thicket color palette (#F4F0F6, #DFD2D4, #ADBCAC, #9E3D67, #241D28)
• Onyx Bloom color palette (#DFEDFD, #A4A9C7, #7E6B8C, #14555F, #0A2647)
• Worn Lilac color palette (#FAF3F5, #E4D8D4, #BDB5A3, #A76FC3, #3B282D)
• Weathered Drift color palette (#EFEEF6, #B8B0BC, #9B8695, #661777, #0B071A)
• Muted Summit color palette (#FAEEF2, #A8A270, #497133, #474067, #002314)
• Worn Terracotta color palette (#EFE6EC, #C5CEC5, #94AAA0, #8D351C, #200F1C)
• Lowlit Harbor color palette (#F3EBFF, #9A3881, #341A31, #10081A, #020207)

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