Hushed Pier color palette — #FAF4EF · #DCDDD1 · #A7BEB2 · #D89B7D · #4F453F

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

The five colors

• Ivory (#FAF4EF): a clean, paper-quiet neutral.
• Bone (#DCDDD1): a clean, paper-quiet neutral.
• Ash (#A7BEB2): A luminous, dusty teal — the color of shallow lagoons.
• Camel (#D89B7D): A luminous, balanced orange — the color of toasted spice.
• Cocoa (#4F453F): a grounded near-black with real depth.

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

• Patina Stone Ridge color palette (#FFF2EE, #E4CEB6, #A0C093, #AF8892, #624B50)
• Softworn Amber color palette (#FCF4EB, #D6E0C4, #99D1C2, #D18500, #37322C)
• Muted Bronze color palette (#F7EFF3, #CBD6D8, #AABFBF, #996849, #32292D)
• Patina Meadow color palette (#FFF3E5, #FFB0A0, #ACAA33, #737CBB, #423C37)
• Patina Chestnut color palette (#E6E1D8, #99A594, #70937F, #786100, #0F0800)
• Frosted Teal color palette (#FFF2EE, #FF9FA1, #00B6B8, #8D6CAC, #402F51)
• Tempered Marigold Corridor color palette (#EFE3D2, #DB9E00, #787228, #634200, #1F1611)
• Wandering Summit color palette (#EAEAE2, #B4C5BB, #8BB4D2, #60903B, #202010)

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