Tempered Courtyard color palette — #FFF2EF · #FEC5C7 · #F19D97 · #CC7568 · #534C48

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FEC5C7): A whisper-light, dusty red — the color of a theater curtain.
• Rose Quartz (#F19D97): A luminous, balanced orange — the color of autumn markets.
• Coral Clay (#CC7568): A luminous, balanced orange — the color of autumn markets.
• Charcoal Brown (#534C48): quiet, heavy and certain.

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

Use it as a design system

One click turns Tempered Courtyard 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 Amber color palette (#FFF2EB, #FFD8BE, #E7A688, #C17455, #573020)
• Tempered Driftwood color palette (#FAE3FF, #F59FA3, #BF6F6D, #784840, #483141)
• Worn Archive color palette (#FDD6CF, #FFA185, #FE6E17, #C45E00, #592F00)
• Mustard Orchard color palette (#FFF2EB, #F8B59E, #C6C276, #D299C6, #48413D)
• Aged Chestnut Summit color palette (#FFF2EB, #DFDACD, #94C1C1, #DDA79F, #7A4514)
• Washed Ridge color palette (#FAF5E9, #E1D9C1, #C0B788, #A39060, #544700)
• Marigold Field color palette (#FFE6C7, #E9C98B, #CAA22E, #947F00, #504C12)
• Aged Scarlet color palette (#F6D7D6, #CB403A, #AA2600, #712700, #140400)

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