Tempered Terrace color palette — #FCF2F5 · #E3D9D3 · #A9AFA5 · #9A7683 · #575053

Mocha takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#FCF2F5): a clean, paper-quiet neutral.
• Bone (#E3D9D3): a clean, paper-quiet neutral.
• Ash (#A9AFA5): soft and architectural.
• Mocha (#9A7683): A luminous, dusty rose — the color of strawberry cream.
• Charcoal Brown (#575053): quiet, heavy and certain.

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

• Hushed Driftwood color palette (#F2F1F8, #DAD4DA, #BAAAAD, #837EA0, #36353C)
• Washed Pewter color palette (#FFF0FA, #E4C5C5, #A59284, #627665, #405550)
• Garnet Veranda color palette (#F3E3E1, #C8B4A9, #9D8B72, #6E2941, #2B1A18)
• Washed Atelier color palette (#FEF3E8, #CEC096, #82873F, #755E6A, #5E4B00)
• Timeworn Loft color palette (#F1F8E9, #AA99E9, #9F636D, #4D6040, #564146)
• Dusty Aubergine Study color palette (#F9ECEF, #AA9491, #9D5E3D, #440355, #110508)
• Terracotta Studio color palette (#FFF2EC, #E6CEB3, #B1A782, #9F2A0C, #542200)
• Worn Iris Canyon color palette (#FFF0F8, #978CD6, #836E30, #0C605E, #314A2F)

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