Tempered Terrace color palette — #F6F3FF · #DF876E · #6D236F · #430045 · #1C172A

A conversation between Mulberry and Deep Indigo, giving this palette its sense of creativity and balance.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Coral Clay (#DF876E): A luminous, balanced orange — the color of autumn markets.
• Mulberry (#6D236F): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Indigo (#430045): A deep, shadowed, balanced pink — the color of peonies in June.
• Deep Indigo (#1C172A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged luxury, dark.

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

• Aubergine Station color palette (#F2F5FF, #E57F84, #4B2F93, #2B0466, #141830)
• Pale Garnet Lagoon color palette (#FEF0FF, #D78E56, #811A31, #4E0016, #251227)
• Antique Garnet color palette (#E1DAEC, #BD7860, #59134C, #2C0024, #0F051C)
• Linen Corridor color palette (#F8F3FD, #D781B5, #BB1021, #97006F, #2A1327)
• Washed Peony color palette (#FFF1F2, #FFBDA0, #BB6FAB, #7A486F, #2C1115)
• Chestnut Grove color palette (#FBF2F8, #D9B5C1, #7F5141, #4A2E41, #301F21)
• Aged Grove color palette (#F0F0FF, #88B866, #6D099D, #2D103F, #070516)
• Airy Byzantium Delta color palette (#FFF1F5, #9ACD6A, #8543B7, #482A62, #29121B)

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