Tempered Pier color palette — #EFD9D0 · #9DAE68 · #912E2D · #51060A · #180501

Garnet and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EFD9D0): A whisper-light, dusty orange — the color of autumn markets.
• Sage (#9DAE68): A luminous, balanced green — the color of a quiet forest floor.
• Garnet (#912E2D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#51060A): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#180501): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Warmth, Comfort, Balance. Tagged luxury, dark, 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

• Chestnut Delta color palette (#E9DBCE, #B4A55F, #7C4600, #3E2100, #140800)
• Mulberry Field color palette (#F1D7D6, #79B775, #872F63, #4E0034, #190405)
• Aged Lime Villa color palette (#FEF0FD, #B8C641, #921C2B, #350107, #030003)
• Weathered Amber Garden color palette (#E9D9E4, #B08400, #641400, #2E0500, #140610)
• Soft Mustard Canyon color palette (#EED9CE, #E0B040, #BB563D, #6A392D, #170601)
• Ancient Bronze color palette (#FBF4ED, #D0C592, #99642D, #5C3A15, #2B1F12)
• Timeworn Lantern color palette (#F2EDD4, #7C8900, #596300, #00466D, #220700)
• Ancient Summit color palette (#F4E8E4, #ED8178, #008471, #BB021A, #051100)

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