Grape Harbor color palette — #F4F4FF · #DAA1F3 · #8A7500 · #8839A6 · #000201

A conversation between Plum and Lavender, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#DAA1F3): A luminous, balanced pink — the color of peonies in June.
• Walnut (#8A7500): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#8839A6): A full-bodied, vivid pink — the color of peonies in June.
• Black (#000201): quiet, heavy and certain.

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

• Pale Atelier color palette (#F1F5FF, #B3B1FF, #A96300, #5D4AC5, #040001)
• Soft Raspberry Market color palette (#F7F3FF, #F6B9EB, #AF8100, #A94E9D, #000801)
• Quiet Plum Boulevard color palette (#F9F2FF, #F998C2, #6C8100, #AA216D, #000201)
• Fuchsia Orchard color palette (#F8F2FF, #E375C0, #507D1B, #710058, #000201)
• Peony Villa color palette (#F4E8E8, #F997D3, #DF7300, #DD37AB, #180900)
• Powdered Basin color palette (#E7E2EE, #CE5FA7, #784800, #7D005D, #080002)
• Timeworn Mulberry color palette (#FEF0FF, #FFA6B1, #27A66E, #AC003F, #000201)
• Gentle Rust color palette (#FCF1FF, #F991B8, #C9554D, #583500, #120E00)

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