Tempered Stone Pier color palette — #FFF3E9 · #D3BF7F · #7A543D · #562C00 · #282418

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sand (#D3BF7F): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#7A543D): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#562C00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#282418): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered Stone 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

• Antique Study color palette (#FBF4EE, #F4AF77, #3A8D7F, #945F32, #293125)
• Worn Marigold color palette (#F6F6EA, #D5A561, #435A28, #2F2E28, #151E11)
• Driftwood Archive color palette (#FDF1F7, #B5DCC7, #957184, #5C4551, #32282D)
• Pewter Courtyard color palette (#FEF1F6, #C5E9CC, #BA90A3, #8A6347, #36262D)
• Obsidian Chestnut color palette (#FBEBDB, #745B00, #222F2E, #210F00, #050200)
• Hushed Bronze color palette (#EAE5CA, #A26F00, #252A00, #1A262B, #080A00)
• Worn Drift color palette (#FFF3E6, #BFA563, #5A835D, #605176, #564600)
• Stone Grove color palette (#FFF3E5, #CBBB7C, #7B8850, #39653E, #005444)

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