Tempered Terrace color palette — #FFF1F4 · #EEBEC8 · #986D9D · #683B75 · #45294A

Mulberry takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Oat (#EEBEC8): A whisper-light, dusty red — the color of embers at dusk.
• Heather (#986D9D): A full-bodied, balanced pink — the color of neon signs at night.
• Mulberry (#683B75): A full-bodied, balanced pink — the color of neon signs at night.
• Royal Purple (#45294A): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Lilac Lantern color palette (#FFECF1, #DBB8E6, #AA73B2, #593C69, #30131C)
• Antique Garnet color palette (#FFF2EF, #EABBB2, #AA6A7A, #7C3243, #502830)
• Denim Grove color palette (#FFF0FB, #E3BEDC, #6E81B5, #384D8B, #31385B)
• Lilac Pier color palette (#F5F4FF, #E9C4F3, #B987C4, #7C5687, #35304D)
• Worn Lantern color palette (#FFF1F5, #E4D8D3, #D9BDA6, #8B84AE, #5E4549)
• Hushed Canyon color palette (#FBF3F2, #E5AFBD, #9A7643, #A24D69, #322D27)
• Softworn Aubergine color palette (#FAE6F7, #90478A, #4F004D, #281709, #160013)
• Tempered Orchard color palette (#FFD3E5, #D2759B, #93195A, #4C002B, #290015)

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