Tempered Blush color palette — #FFF1F6 · #FFCDDE · #DB8096 · #9A525D · #5A2C2D

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FFCDDE): A whisper-light, dusty rose — the color of strawberry cream.
• Rose (#DB8096): A luminous, balanced red — the color of late-summer berries.
• Brick (#9A525D): A full-bodied, balanced red — the color of embers at dusk.
• Cocoa (#5A2C2D): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

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

• Weathered Rust color palette (#FFE3FC, #FAB4D9, #EA839D, #C56059, #6A3D2B)
• Gentle Garden color palette (#FFDAE0, #CF86B1, #C14162, #80302C, #3D200E)
• Hushed Parlor color palette (#FFF2ED, #FFD5C0, #D8874D, #995F24, #5A3E1E)
• Wisteria Summit color palette (#F7F3FF, #E8D0FF, #C18DD2, #855089, #403557)
• Worn Hollow color palette (#FFF0FC, #E7D5D7, #ACB6AD, #D99EA2, #5A4354)
• Coral Pier color palette (#FDF0FF, #FFC1CA, #A2B7FF, #C56A7A, #2B355D)
• Patina Scarlet color palette (#FFEEEF, #FF9D9D, #EF081F, #9A2500, #3F1000)
• Mustard Delta color palette (#FFF0FC, #F3A29A, #C5A748, #AB7FB6, #392236)

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