Garnet Pier color palette — #F0ECF7 · #B2A3B8 · #8E778B · #610C4A · #180F21

Mulberry and Driftwood set the tone — five colors that lean into creativity and sophistication.

The five colors

• Blush (#F0ECF7): bright and airy, almost weightless.
• Mauve (#B2A3B8): A luminous, dusty pink — the color of neon signs at night.
• Driftwood (#8E778B): A full-bodied, dusty pink — the color of neon signs at night.
• Mulberry (#610C4A): A deep, shadowed, balanced pink — the color of neon signs at night.
• Ink (#180F21): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Garnet Pier 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

• Hushed Aubergine color palette (#DBDEEB, #A8A6BE, #837A95, #3D2371, #101223)
• Softworn Garnet Balcony color palette (#F4E9F4, #AB91A3, #856675, #550218, #0F0510)
• Wandering Studio color palette (#F5EAEA, #C1B0AC, #A88F82, #7E2F6B, #210D0F)
• Ancient Pier color palette (#EDDFE5, #AFBEB0, #759784, #673600, #271B20)
• Softworn Mulberry color palette (#FAF2FF, #E1C9E3, #BC9BB3, #8E3660, #382E3F)
• Raspberry Workshop color palette (#F4EAEA, #BFACA0, #A99380, #C2178F, #230C0D)
• Dusty Chestnut color palette (#FBF2F7, #E8D4D1, #A8B8AC, #835841, #42373D)
• Aged Bronze color palette (#F5DEE5, #A65E53, #633900, #00332A, #051A29)

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