Tempered Coral color palette — #FFF2EF · #F5B3BC · #D2898F · #A76866 · #554D4A

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Ballet Pink (#F5B3BC): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#D2898F): A luminous, balanced red — the color of late-summer berries.
• Mocha (#A76866): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal Brown (#554D4A): quiet, heavy and certain.

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

Use it as a design system

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

• Aged Grove color palette (#FBF1FF, #F3D4CB, #F8949B, #AE6966, #563E51)
• Ash Basin color palette (#FFF1F5, #DBB4E7, #BA88BC, #916387, #6B4547)
• Washed Orchard color palette (#FFF2EC, #FCC7B8, #CB9080, #89564A, #602800)
• Muted Delta color palette (#FFEFE4, #EAB691, #C69463, #977045, #6F4800)
• Worn Rust Orchard color palette (#EEDDD9, #E5764C, #B64E00, #814100, #4A2700)
• Ancient Chestnut color palette (#FFF2EC, #DFDACD, #9CBCA9, #C69E8E, #7D431C)
• Wandering Bronze color palette (#EEE0CA, #977300, #6B5800, #3E3700, #141300)
• Linen Corridor color palette (#EEE4CE, #C1A300, #908100, #5B5800, #303500)

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