Tempered Pier color palette — #FFF2EF · #DEA79B · #B67852 · #805D00 · #4F4D46

Ochre takes the lead with Caramel close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#DEA79B): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B67852): A luminous, balanced gold — the color of old brass.
• Ochre (#805D00): A full-bodied, balanced gold — the color of old brass.
• Charcoal Brown (#4F4D46): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged 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

• Airy Amber color palette (#FFE4F8, #EAAA8D, #BF6F2C, #7F551E, #243B29)
• Washed Bronze color palette (#FCF4EB, #CEA87C, #66A0C7, #9E6400, #2B5749)
• Bronze Veranda color palette (#FFF3E8, #C5B69B, #A7743F, #814D47, #534800)
• Muted Canyon color palette (#FFF3E9, #D3B989, #8A8336, #526E25, #4E5049)
• Terracotta Grove color palette (#FFEFF2, #D39FB9, #B56779, #96473F, #524C47)
• Chestnut Terrace color palette (#FEF3EA, #C3E3CF, #A9CAB7, #AA757A, #694E00)
• Pale Canyon color palette (#FFE3D1, #BF9449, #797200, #434E00, #004037)
• Weathered Studio color palette (#FDF4E3, #A69864, #5393AD, #4B72AD, #553E00)

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