Tempered Terrace color palette — #FEF2F2 · #D3BE92 · #7A4E65 · #4B3030 · #2B221D

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

The five colors

• Ivory (#FEF2F2): bright and airy, almost weightless.
• Sand (#D3BE92): A luminous, dusty gold — the color of old brass.
• Graphite (#7A4E65): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#4B3030): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#2B221D): quiet, heavy and certain.

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

Use it as a design system

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

• Patina Grove color palette (#FCF3F1, #E8ADBD, #9A7735, #9B5369, #312D27)
• Timeworn Cocoa color palette (#FEF3EA, #C3AB7B, #76421D, #46240B, #211C0F)
• Hushed Ash color palette (#F8F3FC, #F1DBAF, #C589A8, #756585, #2D2931)
• Driftwood Parlor color palette (#F6F3FD, #ACDCDA, #937090, #504767, #2C2A33)
• Airy Atelier color palette (#FFF2EF, #C69A33, #801B38, #46101E, #241202)
• Muted Summit color palette (#F8E8D9, #896600, #273337, #2D1700, #090300)
• Patina Amber Alley color palette (#F5E1C8, #B88A00, #513400, #271700, #0A0900)
• Chestnut Courtyard color palette (#FFF2EE, #E5AA9C, #A8795A, #7D5212, #574600)

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