Tempered Pier color palette — #FFDACD · #DF8C85 · #B45B4A · #7E3618 · #4A220C

Terracotta and Rust set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDACD): A whisper-light, dusty orange — the color of autumn markets.
• Salmon (#DF8C85): A luminous, balanced orange — the color of autumn markets.
• Terracotta (#B45B4A): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#7E3618): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#4A220C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Dusty Bronze Corridor color palette (#FFE5D2, #D59461, #A26411, #684300, #412B00)
• Tempered Raspberry color palette (#FBD7E9, #DE8EB1, #B25C7A, #7C3648, #42181E)
• Softworn Rust color palette (#F2E1FF, #D48D98, #C05F48, #854200, #504718)
• Worn Rust color palette (#FBDAFB, #F6A9A2, #DD7660, #AC4724, #623924)
• Timeworn Bronze Basin color palette (#FFEEE2, #EBAF8A, #A56332, #602C00, #240D00)
• Powdered Terracotta color palette (#FFEEE3, #D59170, #619F5C, #A04508, #0C300B)
• Washed Amber color palette (#FFEEE3, #C27852, #7E8638, #91537B, #301703)
• Stone Thicket color palette (#FFEEE1, #DCD9C3, #BEC995, #996753, #37322D)

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