Tempered Courtyard color palette — #FFF0F9 · #E7C1EE · #D599BC · #B17F5D · #4A4458

Built around Mauve, softened by Caramel — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Thistle (#E7C1EE): A whisper-light, dusty pink — the color of a candy shop window.
• Mauve (#D599BC): A luminous, balanced pink — the color of neon signs at night.
• Caramel (#B17F5D): A luminous, dusty gold — the color of afternoon light on wheat.
• Charcoal (#4A4458): A full-bodied, dusty violet — the color of wild irises.

Feels like: Optimism, Creativity, Sophistication. Tagged retro, 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

• Muted Lilac color palette (#FCF1FC, #BCD0FF, #ACA3EA, #B07A89, #3F485A)
• Tempered Ash Villa color palette (#F6F7E6, #D8D9FF, #C58FB0, #567D61, #4E3840)
• Stone Parlor color palette (#F7F3FF, #EDD1DF, #D6B7D6, #91A892, #415348)
• Ancient Coast color palette (#F2F0FD, #DA9DE4, #7F768F, #555261, #212127)
• Aged Delta color palette (#FFF0F8, #FF9AD9, #FF578D, #A36E00, #3F2C4C)
• Linen Dune color palette (#FFF1F5, #FFAFA8, #EB8652, #7B8A3B, #4C3446)
• Washed Station color palette (#F6D3E3, #EE81B3, #E14B64, #806100, #2F1A37)
• Softworn Pier color palette (#E1F7F7, #91ACDB, #956788, #315C47, #262B40)

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