Wisteria Harbor color palette — #F2DFE2 · #BC6BC4 · #6A3F44 · #3A282C · #1D161A

Built around Wisteria, softened by Cocoa — the whole palette hums with creativity and sophistication.

The five colors

• Shell Pink (#F2DFE2): A whisper-light, dusty red — the color of embers at dusk.
• Wisteria (#BC6BC4): A luminous, balanced pink — the color of neon signs at night.
• Cocoa (#6A3F44): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#3A282C): A deep, shadowed, dusty red — the color of embers at dusk.
• Ink (#1D161A): a grounded near-black with real depth.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Wisteria 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 Orchard color palette (#F6F3FF, #CD7ACE, #4F4054, #1F1C2A, #04050B)
• Antique Balcony color palette (#F0DFEA, #7B86DF, #664148, #382833, #111B17)
• Timeworn Wisteria color palette (#F8DDE0, #D48ECF, #856767, #584346, #1F1517)
• Dusty Blush Boulevard color palette (#FBEFED, #D7799C, #80481C, #453331, #271F21)
• Hushed Plum color palette (#E6E0FA, #A0499F, #3A2B43, #201C2B, #0F0B10)
• Tempered Lantern color palette (#FFF1F1, #DB83BA, #00ABC1, #4883C1, #483131)
• Dusty Basin color palette (#F8E7E6, #D00093, #691300, #2E0C20, #100407)
• Washed Station color palette (#FFE2D8, #F51A48, #633A00, #3C1D12, #1B0D0E)

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