Hushed Pier color palette — #F6F4FA · #A2CBBC · #665579 · #3F324D · #2B2329

Graphite and Navy set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Stone (#A2CBBC): A luminous, dusty teal — the color of sea glass.
• Graphite (#665579): A full-bodied, dusty violet — the color of twilight just after sunset.
• Navy (#3F324D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#2B2329): a grounded near-black with real depth.

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

Use it as a design system

One click turns Hushed 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 Lantern color palette (#F9F2FC, #EFC2D8, #AA667A, #57455E, #2E2931)
• Pewter Coast color palette (#FCEEEC, #E7B89A, #844F5D, #462823, #1C110F)
• Softworn Pier color palette (#FDF2F2, #DEE3AE, #BF9093, #806566, #322929)
• Aged Pier color palette (#FEF1F7, #BAAE83, #784113, #482202, #2E1B24)
• Wandering Plum Harbor color palette (#F7F3F9, #E5AFC1, #937A38, #A9446F, #213326)
• Muted Field color palette (#FCF2F7, #A87A60, #607337, #005976, #362C41)
• Aged Bronze Courtyard color palette (#F1DBE2, #846900, #3B443D, #2C1700, #090300)
• Timeworn Denim color palette (#EDF9EF, #CD979D, #956E41, #355A8F, #54414F)

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