Tempered Rust color palette — #FFF2EF · #F8D3C3 · #E49696 · #BA675E · #524A46

A conversation between Mocha and Rose Quartz, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#F8D3C3): A whisper-light, dusty orange — the color of autumn markets.
• Rose Quartz (#E49696): A luminous, balanced red — the color of a theater curtain.
• Mocha (#BA675E): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#524A46): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

Use it as a design system

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

• Dusty Blush color palette (#FFF1F1, #FFBED3, #FB9193, #C48871, #57504B)
• Bronze Field color palette (#FFF3E9, #E7DBB9, #DCA76B, #9A6E28, #4F4B44)
• Mallow Summit color palette (#F0E3FF, #F19DB9, #B56864, #7A4C40, #452A36)
• Hushed Coral Villa color palette (#FFF2ED, #F2D4C4, #C4C6FF, #DC787A, #414167)
• Linen Terrace color palette (#FFDED3, #F08653, #BB5B00, #663800, #351E00)
• Hazy Harbor color palette (#FFF2EC, #F7B07B, #CA7400, #835100, #3E2900)
• Cocoa Canyon color palette (#FFF2EB, #DFDACD, #E5A29C, #A0B4B3, #794213)
• Amber Lantern color palette (#ECDBCF, #CE8000, #8B5E00, #4D3600, #0F0900)

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