Tempered Villa color palette — #FFF1F2 · #F6C0D8 · #EB96A1 · #C9776C · #57504B

Built around Coral Clay, softened by Ballet Pink — the whole palette hums with warmth and comfort.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Carnation (#F6C0D8): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#EB96A1): A luminous, balanced red — the color of a theater curtain.
• Coral Clay (#C9776C): A luminous, balanced orange — the color of toasted spice.
• Charcoal Brown (#57504B): quiet, heavy and certain.

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

Use it as a design system

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

• Hushed Coral Garden color palette (#FFF2EE, #FBC5C5, #88D6DD, #EE8589, #36563C)
• Blush Drift color palette (#EDE3FF, #E395B1, #BF737F, #77483F, #462B39)
• Hushed Studio color palette (#FFF2ED, #FFC4B1, #E6AA72, #B98D3F, #514E47)
• Timeworn Amber color palette (#FFF2EB, #F1D5C1, #ECAA96, #C47560, #532820)
• Tempered Coral Loft color palette (#FFD1E1, #FF9FA6, #FF694E, #BA5A00, #523500)
• Tempered Amber Delta color palette (#F5DCD7, #DF7A34, #A76100, #715800, #272400)
• Patina Cocoa Dune color palette (#FFF2ED, #DFDBCD, #B7C4D1, #E4ACC8, #7B4319)
• Periwinkle Corridor color palette (#FFF2EC, #F2B7AB, #6AD1D3, #71ACE4, #48413D)

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