Hushed Harbor color palette — #F3DFE3 · #B76AD2 · #624542 · #3A282D · #1E161A

Wisteria and Cocoa set the tone — five colors that lean into creativity and sophistication.

The five colors

• Shell Pink (#F3DFE3): A whisper-light, dusty red — the color of a theater curtain.
• Wisteria (#B76AD2): A luminous, vivid pink — the color of a candy shop window.
• Cocoa (#624542): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#3A282D): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#1E161A): quiet, heavy and certain.

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

Use it as a design system

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

• Peony Balcony color palette (#FBDCDB, #D75CA0, #77391E, #3A2928, #1E1618)
• Muted Iris color palette (#EFDFEC, #6587F3, #62424E, #362933, #111B17)
• Lilac Harbor color palette (#F5F4FF, #B88AC6, #4C4059, #1E1B2E, #04050A)
• Worn Wisteria Study color palette (#E4E3F1, #C990E0, #79697E, #49475C, #141821)
• Tempered Pewter color palette (#F8DCE3, #8C59A0, #422B27, #2B191E, #140A0B)
• Pale Bloom color palette (#FFE8E9, #CB00A6, #5B232A, #2F0E12, #120307)
• Blush Loft color palette (#FFF1F0, #E67DAE, #3DAF87, #459597, #483130)
• Wandering Mallow color palette (#F1D9FF, #E097E6, #CE739F, #9D596B, #4B4340)

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