Tempered Terrace color palette — #F7E5E6 · #FF5D5C · #BE4600 · #7D3800 · #3F2300

Watermelon takes the lead with Terracotta close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Rose Water (#F7E5E6): a clean, paper-quiet neutral.
• Watermelon (#FF5D5C): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#BE4600): A full-bodied, vivid orange — the color of toasted spice.
• Bronze (#7D3800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F2300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

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

• Ancient Rose color palette (#F7D8E2, #FF4F79, #D32533, #8D230E, #522004)
• Rust Dune color palette (#FFE4E1, #FF9275, #D44D00, #7D3700, #341700)
• Ember Summit color palette (#FBD5DE, #F2858B, #E85815, #9D5600, #402A00)
• Wandering Amber Parlor color palette (#FFE9E0, #E77D00, #986100, #644800, #362E00)
• Tangerine Meadow color palette (#F9D6BF, #F16A00, #0093BE, #A04400, #002E3D)
• Mustard Bloom color palette (#FFECDD, #F7CF88, #B9BE56, #AB6053, #322D28)
• Amber Workshop color palette (#FFEADD, #CB6700, #008F75, #6E57AB, #341600)
• Aged Harbor color palette (#F5E0F5, #E45CC0, #C22D7E, #831E42, #4F161D)

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