Tempered Terrace color palette — #FFDEEC · #E7B6F9 · #DE91CB · #B7718F · #65393F

Mauve takes the lead with Lavender close behind in a set that reads as creativity and warmth at first glance.

The five colors

• Rose Water (#FFDEEC): A whisper-light, dusty rose — the color of a warm blush.
• Lavender (#E7B6F9): A whisper-light, balanced pink — the color of neon signs at night.
• Mauve (#DE91CB): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B7718F): A luminous, balanced rose — the color of strawberry cream.
• Cocoa (#65393F): A full-bodied, dusty red — the color of a theater curtain.

Feels like: Creativity, Warmth, Comfort, Balance. Tagged 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

• Muted Blush color palette (#FFDBF9, #F6A8CF, #E0869C, #BE6B6A, #4D4642)
• Washed Plum Veranda color palette (#FFF1F4, #F5BEF2, #D082C1, #9D4580, #5C3148)
• Hazy Lilac color palette (#D1DEFF, #C0C3FF, #BA9BEF, #A676AF, #583450)
• Hushed Blush color palette (#FFF2F0, #FFC6D9, #E699B6, #AF6987, #4A192D)
• Quiet Ridge color palette (#EAEEFF, #C994DB, #B04B9E, #783257, #421B21)
• Soft Workshop color palette (#FFF1F2, #F9B2E0, #79D3A9, #D37DB7, #194D38)
• Washed Ash Coast color palette (#FFF1F2, #E2D9D0, #ABB4C0, #BB95B2, #5D4542)
• Dusty Market color palette (#FFF1F1, #F59FC9, #7AC7A3, #3FACB9, #4B302F)

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