Tempered Ember color palette — #F2DDDD · #FF4F37 · #BA4900 · #673600 · #351D00

A conversation between Scarlet and Terracotta, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F2DDDD): A whisper-light, dusty red — the color of late-summer berries.
• Scarlet (#FF4F37): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#BA4900): A full-bodied, vivid orange — the color of sun-warmed clay.
• Bronze (#673600): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#351D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Scarlet Courtyard color palette (#FDDEE5, #FF4A6A, #D40618, #722700, #3A1900)
• Feathered Station color palette (#FFEBE6, #F77916, #9E5B00, #684300, #342700)
• Timeworn Coral color palette (#FFD1D9, #EC676B, #B74D00, #754400, #4E3800)
• Tempered Ember Lagoon color palette (#F6E1DF, #E45200, #7E4000, #523000, #1D1100)
• Hushed Ember color palette (#FFF1F7, #FFABA4, #EA6600, #8F5B00, #403800)
• Quiet Tangerine color palette (#FFECF5, #EB7100, #008FBE, #8F4200, #002433)
• Hushed Bronze color palette (#F3E2D8, #A45E00, #5F4100, #2F2400, #0C0A00)
• Feathered Meadow color palette (#FFEFDF, #F79A1F, #A26100, #532C00, #1E0C00)

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