Hushed Pier color palette — #FEF3E8 · #F3A94E · #837900 · #8B5600 · #020100

Saffron takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF3E8): bright and airy, almost weightless.
• Saffron (#F3A94E): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#837900): A full-bodied, balanced green — the color of new leaves after rain.
• Ochre (#8B5600): A full-bodied, balanced gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Olive Thicket color palette (#FAF5E7, #CEBD45, #418B00, #716400, #010100)
• Muted Moss color palette (#FBF4EA, #FFC55E, #8B9200, #9B6D00, #080500)
• Soft Field color palette (#FFF2EB, #FF9D83, #A36700, #B02D00, #020100)
• Airy Mustard color palette (#FFF5D8, #D0BB2D, #7B7F00, #3B4900, #071300)
• Chartreuse Workshop color palette (#F8F6E4, #A6D800, #00946D, #5A7700, #010200)
• Washed Bronze Grove color palette (#FAF4EB, #DBDDCE, #BFC9A9, #986E00, #241D12)
• Amber Meadow color palette (#F1DFE7, #C17A43, #545B00, #6C3600, #000302)
• Hushed Ember color palette (#F9E7DD, #FFA17C, #00AF7E, #D16335, #091000)

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