Hushed Pier color palette — #F9F3F7 · #E0D8D7 · #CCBCB2 · #6471A4 · #4F444C

Slate and Stone set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#E0D8D7): a clean, paper-quiet neutral.
• Stone (#CCBCB2): A luminous, dusty gold — the color of honey in a jar.
• Slate (#6471A4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#4F444C): quiet, heavy and certain.

Feels like: Creativity, 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

• Washed Pewter Corridor color palette (#EFF2F8, #DCD6E1, #C9B8CA, #6C709E, #292C32)
• Timeworn Bloom color palette (#FDF2F3, #E5D7CB, #CDB7A9, #964693, #53373B)
• Patina Forest Harbor color palette (#FFF0FD, #C3B0C0, #967A8A, #466945, #1D575F)
• Pewter Quarry color palette (#EFE0E5, #815FA5, #472927, #2D1720, #15090C)
• Worn Bloom color palette (#FCF4E8, #B5B191, #4F8060, #754E4D, #4C4300)
• Hushed Grape color palette (#FFF1F7, #E1CDCE, #C49C92, #6A2BC1, #462837)
• Tempered Field color palette (#EDE0DD, #C3B6AE, #9A8C78, #80003C, #301713)
• Aged Pewter color palette (#F0FAE1, #629FC7, #805595, #005D3D, #4C3448)

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