Tempered Terrace color palette — #F8EEFA · #A86775 · #493642 · #302333 · #1A1319

Mocha takes the lead with Charcoal close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F8EEFA): bright and airy, almost weightless.
• Mocha (#A86775): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#493642): A deep, shadowed, dusty pink — the color of a candy shop window.
• Onyx (#302333): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1A1319): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Timeworn Driftwood Boulevard color palette (#F8EAE6, #B46977, #63260C, #271B18, #110B0A)
• Worn Coral color palette (#F9EDFB, #D1808E, #674F64, #3E3440, #242025)
• Wandering Corridor color palette (#FEEEEA, #FF8FA9, #A76B43, #60504D, #262020)
• Brick Hollow color palette (#EEDBEA, #BA2A26, #412200, #270C23, #10050B)
• Wandering Coast color palette (#FFF1F6, #BB8D65, #4A989C, #3C7BB3, #533A44)
• Moonless Chestnut color palette (#CDE8D6, #6C5800, #142400, #120D00, #040100)
• Ancient Rust Pier color palette (#FCF2F8, #D6A291, #51A4C8, #AC563A, #2C5269)
• Pewter Alley color palette (#F0F7F2, #ABC8BF, #5E8B87, #5E6385, #3C534C)

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