Tempered Coral color palette — #FFE1F1 · #FA93B6 · #D36B75 · #A15B56 · #5E4155

A conversation between Coral Clay and Ballet Pink, giving this palette its sense of warmth and comfort.

The five colors

• Blush (#FFE1F1): A whisper-light, dusty pink — the color of a candy shop window.
• Ballet Pink (#FA93B6): A luminous, balanced rose — the color of a warm blush.
• Coral Clay (#D36B75): A luminous, balanced red — the color of embers at dusk.
• Walnut (#A15B56): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#5E4155): A full-bodied, dusty pink — the color of peonies in June.

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

• Mallow Ridge color palette (#F3DFFF, #F09FF1, #C26DA8, #91536A, #533E59)
• Dusty Alley color palette (#FEF0FD, #FF9495, #00BBC2, #B36868, #1E4955)
• Ember Alley color palette (#FFD3D8, #F9B5CD, #EF8A96, #CD654E, #673A20)
• Muted Amber Loft color palette (#FFD3D1, #FF9C88, #D67A49, #90562B, #593D1D)
• Amber Cabin color palette (#FFF0FE, #FFB8A9, #CE8464, #987052, #3D503C)
• Washed Oat color palette (#FFF0FD, #E8DECE, #CAD69A, #BB8792, #574552)
• Pale Scarlet color palette (#FFE6E9, #FF6E69, #D83B00, #943B00, #512900)
• Muted Terrace color palette (#FFF0FC, #FC7569, #60AD6A, #6D84BE, #453041)

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