Tempered Ember color palette — #FDD5D2 · #F83923 · #AC3300 · #662500 · #280D00

Built around Scarlet, softened by Burnt Sienna — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FDD5D2): A whisper-light, dusty orange — the color of autumn markets.
• Scarlet (#F83923): A luminous, vivid orange — the color of autumn markets.
• Burnt Sienna (#AC3300): A full-bodied, vivid orange — the color of sun-warmed clay.
• Rust (#662500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#280D00): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Ember Balcony color palette (#FFE5DC, #D75D00, #974A00, #4F2A00, #2A1700)
• Gentle Boulevard color palette (#EDD8DD, #F44D69, #A93800, #6A3400, #422A00)
• Rose Ridge color palette (#FFE9EE, #F62767, #A9002D, #69000C, #380600)
• Washed Scarlet Drift color palette (#FFEAF0, #FF918F, #E03800, #783A00, #2C1B00)
• Pine Dune color palette (#EBDFD6, #D65C00, #10891D, #7D3200, #011D02)
• Pale Apricot Balcony color palette (#FFE0CD, #E98700, #A16500, #604000, #2C1E00)
• Timeworn Terracotta color palette (#FFEEE3, #FEC07A, #D09F25, #A33A00, #311900)
• Aged Pier color palette (#F0DDCE, #A85B00, #557000, #94005B, #1A0900)

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