Tempered Terrace color palette — #F7EFF1 · #D5B7DE · #B26883 · #8A5E97 · #201110

A conversation between Slate and Dusty Rose, giving this palette its sense of creativity and sophistication.

The five colors

• Cream (#F7EFF1): bright and airy, almost weightless.
• Lavender (#D5B7DE): A luminous, dusty pink — the color of peonies in June.
• Dusty Rose (#B26883): A luminous, balanced rose — the color of pressed rose petals.
• Slate (#8A5E97): A full-bodied, balanced pink — the color of neon signs at night.
• Ink (#201110): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Creativity, Sophistication. Tagged duotone, 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

• Antique Bronze Lantern color palette (#F8F0EE, #F0AFBA, #B56F42, #9D5B68, #1D130C)
• Rust Studio color palette (#F3F5FE, #C4B5F4, #B26367, #71629A, #342A34)
• Iris Basin color palette (#F7EFF5, #AEC1FB, #976EB7, #5C6EA9, #1E1216)
• Dusty Blush color palette (#F5F4FE, #E6C2F5, #C982A4, #A07CAF, #312B36)
• Driftwood Delta color palette (#FEEFE3, #D496B1, #A96068, #624F28, #3B2623)
• Peony Harbor color palette (#FFEDEE, #EAB2CC, #BE6984, #793A46, #52191D)
• Tempered Hollow color palette (#F8EFF0, #DDD5D1, #B3ADA2, #9A7496, #3B3435)
• Gentle Alley color palette (#F2E0DF, #CC649A, #A20019, #800053, #060100)

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