Hushed Pier color palette — #FCF1FB · #F09F98 · #B2A664 · #9884AF · #3B3242

Rose Quartz takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF1FB): a clean, paper-quiet neutral.
• Rose Quartz (#F09F98): A luminous, balanced orange — the color of toasted spice.
• Sage (#B2A664): A luminous, balanced green — the color of new leaves after rain.
• Heather (#9884AF): A luminous, dusty violet — the color of a velvet chair.
• Charcoal (#3B3242): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Sophistication. Tagged jewel, vibrant, 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

• Wandering Apricot color palette (#FFF0F8, #EDA278, #9A8FCD, #A6709E, #352336)
• Hushed Mallow Pier color palette (#F5F3FF, #DEADDF, #D0927F, #6A92B2, #2E3241)
• Washed Harbor color palette (#FDF1F6, #EFBB8D, #A7B072, #5B957E, #533751)
• Muted Marigold color palette (#FFECF2, #E0AB73, #708072, #604F55, #271F23)
• Timeworn Amber Alley color palette (#FFF1F7, #CF8D67, #6C9068, #297884, #322E40)
• Worn Workshop color palette (#FDF3EC, #E9B39C, #6C9F66, #1E72A8, #362420)
• Antique Stone Market color palette (#FFF2EB, #FFD5B3, #DBB27D, #A78A52, #584800)
• Patina Studio color palette (#FFF1F6, #E4DDD2, #E2C17B, #ABB7C3, #3B4D39)

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