Tempered Courtyard color palette — #FFF0F9 · #E7D6E1 · #DD94D6 · #A66377 · #4D4542

Mauve takes the lead with Mocha close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Silver (#E7D6E1): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#DD94D6): A luminous, balanced pink — the color of peonies in June.
• Mocha (#A66377): A full-bodied, balanced red — the color of late-summer berries.
• Charcoal (#4D4542): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged light, muted.

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

• Driftwood Parlor color palette (#F3F4FF, #CEACDC, #A46C95, #87546C, #694553)
• Worn Driftwood color palette (#FFDBE3, #D8AAD7, #A7759E, #774866, #4A2625)
• Coral Garden color palette (#FFF1F2, #F9D1CD, #EF8982, #AF7155, #4B4640)
• Worn Seafoam Pier color palette (#FFF1F2, #FFD3DC, #72E5C0, #BC84B2, #3E4B31)
• Timeworn Stone Station color palette (#FFF1F2, #E2DAD1, #CFABC2, #A0B5AC, #5C4A47)
• Feathered Peony color palette (#F9F2FF, #FF9DEA, #FE2A99, #B6233A, #571A02)
• Cream Cabin color palette (#FFE7F0, #D0D1E0, #B1A0A0, #54403E, #2A2221)
• Aged Quarry color palette (#FFEFFF, #FFA4C9, #F94F61, #903A08, #492900)

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