Hushed Pier color palette — #FBF4EA · #C3A771 · #A291C3 · #9E6E50 · #533700

A conversation between Camel and Cocoa, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Camel (#C3A771): A luminous, dusty gold — the color of old brass.
• Blue Fog (#A291C3): A luminous, dusty violet — the color of wild irises.
• Walnut (#9E6E50): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#533700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged 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

• Weathered Taupe Veranda color palette (#FCF4E7, #C2A866, #A192C3, #7F729C, #403D36)
• Hushed Lilac Studio color palette (#ECF9F0, #D6C282, #B6A1E0, #A57561, #28352D)
• Ancient Cocoa color palette (#F4F7EB, #90BF9A, #A97AA1, #8F5752, #6A2E12)
• Aged Teal Workshop color palette (#EFF8EC, #60BEB0, #C08A97, #9D6A76, #354131)
• Tempered Stone Pier color palette (#FFF2EF, #97CDA5, #5D9CB7, #8D6359, #3E4D38)
• Hushed Harbor color palette (#E8FAF6, #7E9A6E, #7B79A6, #85476D, #29433E)
• Worn Basin color palette (#F6F5ED, #C8DAA1, #6BA2CB, #82964B, #1F332C)
• Aged Taupe Chapel color palette (#F4F6EF, #D4DDDA, #A8B5BC, #7CA78C, #51544A)

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