Tempered Ember color palette — #FFD5CC · #FAB0B6 · #F18E8D · #CD6256 · #6A3729

Coral Clay and Salmon set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFD5CC): A whisper-light, dusty orange — the color of toasted spice.
• Ballet Pink (#FAB0B6): A whisper-light, balanced red — the color of late-summer berries.
• Salmon (#F18E8D): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#CD6256): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#6A3729): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: 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

• Ancient Blush Study color palette (#FFD2DB, #F58492, #B35457, #733530, #402238)
• Softworn Amber Loft color palette (#FFE3D2, #FFBDA0, #EC985D, #C77218, #5F4019)
• Softworn Ember Courtyard color palette (#F3DBD7, #FF8261, #E95900, #B55200, #502800)
• Peony Field color palette (#FFD5DE, #EAB4E8, #DB8DCF, #B75C9C, #61394E)
• Pale Brick color palette (#F9DEDE, #DF574C, #C22900, #7A2800, #2C0D00)
• Coral Delta color palette (#FFF2ED, #FDB7B2, #B9B3FF, #FC6664, #403B68)
• Frosted Wisteria color palette (#FFF2EC, #F3A89A, #CAB44E, #CE87D2, #3D3633)
• Patina Driftwood Harbor color palette (#FCF4E4, #DDD0A9, #B8AD7C, #9C854E, #3F3D36)

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