Hushed Pier color palette — #F4EBF4 · #A99C9F · #9D8084 · #0063B7 · #0F0510

A conversation between Cobalt and Heather, giving this palette its sense of trust and stability.

The five colors

• Blush (#F4EBF4): bright and airy, almost weightless.
• Taupe (#A99C9F): soft and architectural.
• Heather (#9D8084): A luminous, dusty red — the color of a theater curtain.
• Cobalt (#0063B7): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#0F0510): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Ancient Grape color palette (#F0E4E9, #AD9C98, #A58176, #7545AF, #12050A)
• Hushed Petrol Canyon color palette (#EAF1ED, #95A3A4, #6E9195, #006E88, #000D05)
• Patina Navy Balcony color palette (#DFEDE9, #AEA0AA, #9C7C87, #004879, #000C09)
• Patina Onyx Meadow color palette (#D5DFEC, #838EA0, #606B83, #002955, #000105)
• Violet Workshop color palette (#F4EDF0, #CCBBB9, #C39F96, #8E61DE, #2D1722)
• Cocoa Hollow color palette (#FFE5EE, #977297, #8B4B70, #793407, #1A0C00)
• Olive Grove color palette (#EBE7D4, #7D915A, #3B7200, #005451, #040700)
• Gentle Grape Coast color palette (#FFE4DA, #6B6ECA, #6C3AA5, #710025, #040015)

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