Hushed Pier color palette — #FCECE6 · #B65800 · #573300 · #1C1100 · #020100

Ochre takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#FCECE6): a clean, paper-quiet neutral.
• Ochre (#B65800): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1C1100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

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

• Faded Rust Harbor color palette (#FAD7D8, #C24B00, #814A00, #4C3A00, #080800)
• Midnight Rust color palette (#FFDCE1, #C0444A, #6F1900, #230900, #030100)
• Wandering Lagoon color palette (#F5ECD7, #7E6D00, #434500, #131F00, #000200)
• Timeworn Veranda color palette (#FDE8D0, #915F00, #0053A3, #3D2500, #000105)
• Moss Corridor color palette (#F2E6D2, #AA9500, #6F6B00, #293A00, #071600)
• Weathered Aubergine color palette (#F9E9D4, #6F4E00, #005154, #50005F, #020100)
• Hushed Balcony color palette (#FEE7CA, #BFBC8C, #6CA252, #723C00, #020100)
• Pale Marigold color palette (#F1E0D2, #DE9E37, #8E6E00, #5D5100, #1E2100)

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