Hushed Pier color palette — #F9F4EF · #F2C8A7 · #AE9A60 · #C87525 · #312D27

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

The five colors

• Ivory (#F9F4EF): a clean, paper-quiet neutral.
• Wheat (#F2C8A7): A whisper-light, dusty gold — the color of old brass.
• Moss (#AE9A60): A luminous, balanced green — the color of new leaves after rain.
• Mustard (#C87525): A luminous, balanced gold — the color of old brass.
• Espresso (#312D27): quiet, heavy and certain.

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

• Amber Summit color palette (#F8F5ED, #DFD19D, #7BAB6F, #A58A00, #2E2E28)
• Stone Chapel color palette (#FBF2F6, #E3DFD1, #BFAE6E, #BD8F69, #16211A)
• Bronze Boulevard color palette (#FAF4F0, #EAB19C, #72873F, #A05538, #2F2E27)
• Taupe Balcony color palette (#F9F4EF, #D9DAD3, #A4B6B9, #B4966C, #56524C)
• Linen Lagoon color palette (#FFF3E2, #D6CB9B, #A7A663, #69751E, #364D00)
• Moss Workshop color palette (#FBF4EA, #E2B350, #7D9100, #987000, #221D00)
• Tempered Cypress Market color palette (#FBF5E5, #C9BF8E, #8C9963, #007F7C, #584500)
• Weathered Bronze Boulevard color palette (#EADCCE, #A06600, #385423, #4F3000, #020200)

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