Tempered Terrace color palette — #FBF3F1 · #DDD9D0 · #C2C3AF · #E57990 · #453734

Built around Rose, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FBF3F1): a clean, paper-quiet neutral.
• Bone (#DDD9D0): bright and airy, almost weightless.
• Stone (#C2C3AF): A luminous, dusty green — the color of a quiet forest floor.
• Rose (#E57990): A luminous, balanced red — the color of late-summer berries.
• Charcoal (#453734): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Sophistication, Softness, Clarity. 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 Wisteria Lantern color palette (#FBF3F4, #E1D7D1, #C8BEAF, #C482D4, #473539)
• Muted Hollow color palette (#FCF3F0, #E1DAD0, #94B9B3, #C16D77, #382B27)
• Amber Workshop color palette (#FAF4EF, #D9DBCE, #B8C5B3, #D78B56, #582E00)
• Cerulean Chapel color palette (#F8D7CE, #E1C0B8, #C49E95, #4691B3, #483C64)
• Tempered Coral Courtyard color palette (#F3E1D7, #DA7E61, #7E5A13, #612B00, #160907)
• Tempered Station color palette (#F7EED6, #EE9BD0, #CE8348, #057BBC, #4C2028)
• Washed Pewter color palette (#F5F0F7, #E7D0D2, #ADBCAF, #865460, #241E26)
• Pale Lime color palette (#FFF2EE, #ECCEFF, #FFB5A8, #BABC00, #4D2002)

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