Tempered Ember color palette — #F7DBDD · #DA6452 · #9B4400 · #573400 · #272E01

Coral Clay and Burnt Sienna set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F7DBDD): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#DA6452): A luminous, balanced orange — the color of toasted spice.
• Burnt Sienna (#9B4400): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#573400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#272E01): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Ember 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

• Wandering Brick Hollow color palette (#FBEBF0, #DA5772, #AB2600, #692C00, #402600)
• Frosted Ember Courtyard color palette (#FFE3DB, #C76233, #8D4300, #562B00, #271300)
• Amber Terrace color palette (#FCE3E4, #FF7B5C, #DF6800, #905700, #392900)
• Pale Bronze color palette (#F5D8BF, #BC640C, #0071AA, #703800, #002C46)
• Frosted Amber Hollow color palette (#F4DBC7, #AC8100, #695700, #424700, #133D00)
• Weathered Orchard color palette (#FFEBDB, #CFC597, #6FAC71, #964346, #3A352F)
• Navy Boulevard color palette (#F9E9DC, #9E5600, #00678D, #07489C, #321700)
• Mulberry Studio color palette (#E9D9EB, #D269AE, #9F184D, #7A0020, #571E00)

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