Tempered Terrace color palette — #FCE1FD · #E0A29E · #B47166 · #794736 · #4E2F42

Built around Mocha, softened by Rosewood Mist — the whole palette hums with warmth and comfort.

The five colors

• Blush (#FCE1FD): A whisper-light, dusty pink — the color of peonies in June.
• Rosewood Mist (#E0A29E): A luminous, dusty orange — the color of toasted spice.
• Mocha (#B47166): A luminous, balanced orange — the color of toasted spice.
• Coffee (#794736): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#4E2F42): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

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

• Hushed Coast color palette (#F9F2FF, #ECD8CF, #DE9587, #9C6A49, #63404C)
• Washed Driftwood Canyon color palette (#F0EBFF, #DFACD3, #A66D91, #804D64, #3B2A42)
• Bronze Studio color palette (#FFDFEF, #D8A582, #A57443, #7E5927, #233C25)
• Washed Canyon color palette (#FFECF5, #F2C3AA, #A97759, #6B3B1D, #341426)
• Bronze Boulevard color palette (#FAEEF5, #E0A28B, #84A878, #A35C41, #0C3933)
• Weathered Boulevard color palette (#FFEBF6, #C88C6F, #8E934E, #9C6389, #34202C)
• Airy Field color palette (#FFEAE4, #F87836, #A34E00, #6D3900, #3B2000)
• Misty Amber color palette (#FFDFCF, #C36900, #864F00, #492C00, #1D1100)

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