Hushed Pier color palette — #DEE8DE · #B28437 · #00663A · #5F3F00 · #000303

Mustard and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DEE8DE): bright and airy, almost weightless.
• Mustard (#B28437): A luminous, balanced gold — the color of old brass.
• Pine (#00663A): A full-bodied, balanced teal — the color of glacier melt.
• Bronze (#5F3F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Black (#000303): a grounded near-black with real depth.

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

• Patina Dune color palette (#EBF5EE, #B79D5D, #007758, #6A5100, #000809)
• Dusty Amber color palette (#ECE1E7, #CA734B, #585900, #752D00, #000302)
• Ancient Moss color palette (#D8E9E4, #7F984F, #006261, #3A4F00, #000304)
• Bronze Cabin color palette (#E4F5EB, #8A7800, #00503F, #3F3600, #000201)
• Hushed Amber color palette (#F4E9E1, #C96B36, #005B5A, #6B2C00, #011202)
• Worn Pier color palette (#F7EFDA, #8B8B2D, #406100, #00360E, #00150D)
• Hazy Corridor color palette (#CEE5D2, #837B00, #005D15, #1F0084, #0C1000)
• Fern Thicket color palette (#E3EBE6, #C0CFCA, #8CABA5, #635500, #081A11)

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