Hushed Pier color palette — #FDF0FF · #E3EEA8 · #D9DACE · #C38ED5 · #5A3227

A conversation between Mauve and Butter, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Butter (#E3EEA8): A whisper-light, balanced green — the color of fresh herbs.
• Bone (#D9DACE): a clean, paper-quiet neutral.
• Mauve (#C38ED5): A luminous, balanced pink — the color of neon signs at night.
• Cocoa (#5A3227): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Muted Lilac color palette (#F8F2FF, #E8DDD7, #B2D0E0, #A798E4, #5A3241)
• Tempered Quarry color palette (#FFF0FC, #C2FFDE, #D3E0CF, #AE7697, #4D313E)
• Patina Basin color palette (#FFF0F8, #E4F3D0, #B7E6F3, #D499A2, #384A3C)
• Mustard Lantern color palette (#FFF2F0, #FFD9C3, #C1BF1E, #8E5CA2, #643832)
• Plum Coast color palette (#FFF0FC, #D6DCCE, #A2DFB8, #A25D96, #321629)
• Hushed Shell Basin color palette (#F0F1FF, #B6EBFF, #FFB9D0, #4D2434, #120916)
• Pale Boulevard color palette (#FFF3E4, #EFFFA4, #6BFFD5, #DF575C, #302E00)
• Aged Villa color palette (#EEE7C8, #96CB91, #009CA2, #642B00, #010100)

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