Tempered Pier color palette — #F4E0D7 · #D66B5A · #6D4200 · #4E1D00 · #1F1614

Built around Coral Clay, softened by Bronze — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F4E0D7): A whisper-light, dusty orange — the color of toasted spice.
• Coral Clay (#D66B5A): A luminous, balanced orange — the color of toasted spice.
• Bronze (#6D4200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4E1D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F1614): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged noir, dark, luxury, muted.

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

• Timeworn Study color palette (#FCEFE3, #C88D56, #6E5400, #522E00, #26201D)
• Patina Delta color palette (#F6DEDE, #C66BA6, #674236, #3E2727, #1E1618)
• Bronze Ridge color palette (#F9E5D5, #B85900, #473500, #2E1100, #100402)
• Coral Station color palette (#FFF0FB, #EB7762, #563E49, #261A23, #070408)
• Muted Coral color palette (#EDE0EA, #F88372, #627663, #544451, #1B161E)
• Antique Azure Boulevard color palette (#FFF3E7, #DA9349, #00A3EB, #717ED1, #3C3731)
• Worn Olive Coast color palette (#E8E2D1, #8A8400, #284927, #292108, #110C07)
• Amber Thicket color palette (#FFDBD9, #F39D76, #DD7907, #8C630D, #45433C)

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