Tempered Pier color palette — #F8DCE6 · #D37873 · #AE4300 · #603700 · #251F00

A conversation between Terracotta and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F8DCE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Coral Clay (#D37873): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#AE4300): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#603700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#251F00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Faded Amber color palette (#F5D8D1, #C87C4C, #8B5A00, #494300, #142200)
• Pale Plum Archive color palette (#F2DFF4, #CE7AA1, #B43950, #751600, #311700)
• Worn Garnet color palette (#F1D9E5, #AF9469, #8A5637, #6A212B, #001E12)
• Dusty Summit color palette (#FFF1F0, #FCA18C, #D4661E, #914D00, #3C2600)
• Gentle Cerulean Corridor color palette (#F5E4EA, #BE824B, #0089AD, #7C4500, #00202B)
• Muted Bronze Studio color palette (#FFEBF1, #D39C6A, #926000, #4B2B00, #130900)
• Muted Amber color palette (#ECEDFF, #CA8BD3, #BA7400, #2C1800, #12050A)
• Plum Orchard color palette (#FFEBF6, #C5E9CF, #74C093, #A35571, #142F19)

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