Tempered Terrace color palette — #FBF3F1 · #E1D8CD · #CFBEA6 · #DC4A71 · #523833

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

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#E1D8CD): bright and airy, almost weightless.
• Stone (#CFBEA6): A luminous, dusty gold — the color of old brass.
• Fuchsia (#DC4A71): A luminous, vivid red — the color of embers at dusk.
• Cocoa (#523833): A deep, shadowed, dusty orange — the color of autumn markets.

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 Coral color palette (#F9F3FA, #EDD7DD, #C5AEA7, #CB7483, #3B313D)
• Hushed Drift color palette (#FDF3ED, #DFD9CA, #C6C0A7, #D35D31, #652E00)
• Hushed Orchid color palette (#FEF2F4, #E4D6D0, #DBB9A8, #B25EC4, #4D393E)
• Wandering Orchard color palette (#EADCD5, #D8573A, #613A25, #41180F, #1E0C06)
• Aged Terrace color palette (#FAF4EC, #EADCC7, #C9BE92, #A06B00, #37322C)
• Gentle Tangerine Quarry color palette (#FFF2EC, #FFCBD0, #FFA897, #EB7A00, #611F00)
• Tempered Taupe Terrace color palette (#F8F5EF, #D9DAD4, #AAB5AD, #B09868, #56524B)
• Wandering Workshop color palette (#EDE2DC, #D0C1B6, #BB9F84, #A33900, #2F190B)

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