Tempered Terrace color palette — #F7EFF3 · #DDD4D3 · #B7ADA3 · #9D758B · #3D3338

Heather and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#F7EFF3): bright and airy, almost weightless.
• Silver (#DDD4D3): bright and airy, almost weightless.
• Ash (#B7ADA3): a calm mid-gray that lets other colors speak.
• Heather (#9D758B): A luminous, dusty pink — the color of peonies in June.
• Charcoal (#3D3338): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Softworn Lagoon Archive color palette (#EBF4F1, #DAD1D0, #A49C92, #5D8E7F, #2F3835)
• Dusty Driftwood color palette (#F3F5FB, #DDD8DE, #B4A9A4, #7B7DA9, #4F525C)
• Chestnut Terrace color palette (#FCF0DE, #AEA3D4, #936889, #644F00, #3A252C)
• Antique Pewter Boulevard color palette (#FCEDF2, #E6D1CA, #D2B8B7, #7E579A, #2F2025)
• Muted Garnet color palette (#F2E5E5, #C3AEAA, #9F877E, #6B2454, #180405)
• Mallow Coast color palette (#FDEDF2, #E1D7EB, #DBB9F9, #C78BA7, #3C2228)
• Tempered Driftwood Ridge color palette (#F3F3E7, #C0C7A9, #718E4E, #6F596A, #30322B)
• Softworn Corridor color palette (#FFECF3, #E5C7CA, #AA928D, #786D22, #3E4C00)

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