Tempered Pier color palette — #FDF3EF · #E5CDA8 · #AD6951 · #773822 · #362722

Built around Mocha, softened by Rust — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF3EF): a clean, paper-quiet neutral.
• Wheat (#E5CDA8): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#AD6951): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#773822): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#362722): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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 Cabin color palette (#FEF1F3, #E5CDA9, #966E90, #654246, #362728)
• Patina Bronze Bloom color palette (#FAF4EB, #DCC189, #896D2D, #583D00, #292010)
• Patina Taupe color palette (#FBF3EF, #FCC1B3, #AE9B58, #BA796A, #312D27)
• Tempered Chestnut color palette (#EEDACA, #C39F50, #853F00, #431D00, #160700)
• Amber Garden color palette (#FBEAD5, #B88A00, #5E3D00, #271700, #050200)
• Cocoa Drift color palette (#FEF4E4, #E0B48E, #9A9467, #4C7A68, #624000)
• Bronze Meadow color palette (#F7E3D9, #936E00, #570500, #16160A, #130000)
• Ancient Taupe Corridor color palette (#F9F2FB, #D2E7B9, #C78B98, #7A6480, #2F2832)

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