Tempered Pier color palette — #F9D1E5 · #D29847 · #B95700 · #961C21 · #322800

A conversation between Garnet and Terracotta, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F9D1E5): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#D29847): A luminous, balanced gold — the color of honey in a jar.
• Terracotta (#B95700): A full-bodied, balanced gold — the color of old brass.
• Garnet (#961C21): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns Tempered 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 Workshop color palette (#FFF2E9, #E6AF66, #C35D00, #911019, #1E1800)
• Patina Harbor color palette (#CDE6CC, #C2A212, #A26A00, #873700, #282C00)
• Amber Grove color palette (#F7D2E4, #EEA667, #E27000, #B8490A, #3C2200)
• Aged Chestnut color palette (#F7D7BF, #C07B3C, #8D4400, #672300, #3C2200)
• Misty Bronze color palette (#EFDACC, #A37300, #7C4100, #5A1308, #0E0B00)
• Aged Bronze color palette (#E2F3E7, #9BA472, #83712A, #6D4201, #002B26)
• Softworn Delta color palette (#DAF8DF, #BDB86B, #A87F1D, #875228, #0A3F34)
• Pewter Lantern color palette (#FFF0F8, #D8B793, #B3836B, #8D5957, #2C4434)

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