Tempered Grape Harbor color palette — #FAEEF2 · #BEA7DC · #9F5B82 · #74519B · #1B0708

Plum and Mocha set the tone — five colors that lean into creativity and balance.

The five colors

• Blush (#FAEEF2): bright and airy, almost weightless.
• Mauve (#BEA7DC): A luminous, dusty violet — the color of a velvet chair.
• Mocha (#9F5B82): A full-bodied, balanced rose — the color of a warm blush.
• Plum (#74519B): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#1B0708): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Creativity, Balance. Tagged duotone, muted.

Use it as a design system

One click turns Tempered 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

• Dusty Pewter color palette (#F8EFF0, #E0B3D4, #AA7173, #955B87, #20120D)
• Petrol Lagoon color palette (#F7EFF8, #8BB7EB, #6F6BAF, #2D66A6, #160911)
• Feathered Ultramarine color palette (#F1F5FF, #A5ABD7, #A8523F, #4E50B6, #311C2C)
• Ancient Garnet color palette (#FEDBFF, #D49FC7, #A65D87, #782448, #44001A)
• Dusty Pewter Basin color palette (#FFEEE2, #C386AC, #985265, #5E3F09, #341A1A)
• Frosted Ridge color palette (#F4F4FC, #CDBAE6, #C3709E, #9664C9, #282030)
• Wandering Pewter color palette (#F8EFF1, #E0D4D0, #C9B8B1, #866891, #32292B)
• Weathered Byzantium Grove color palette (#F0DCE1, #8942AB, #640042, #410059, #040000)

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