Tempered Courtyard color palette — #F9F3F9 · #E8D3D8 · #BDAEB9 · #44668D · #403741

Slate takes the lead with Silver close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F3F9): bright and airy, almost weightless.
• Silver (#E8D3D8): A whisper-light, dusty red — the color of late-summer berries.
• Ash (#BDAEB9): A luminous, dusty pink — the color of neon signs at night.
• Slate (#44668D): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal (#403741): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Cerulean Station color palette (#EFF6FD, #D9D8E2, #C2BACE, #5584B3, #313C47)
• Timeworn Petrol color palette (#EBF4F2, #E2D4D6, #C5B1BB, #346899, #152420)
• Timeworn Mulberry Drift color palette (#FFF1F3, #EBD5CA, #D6B2B0, #8F4F89, #4F393C)
• Driftwood Thicket color palette (#FCF2F5, #E3D7D4, #AFAEA3, #9E7482, #595053)
• Dusty Grape color palette (#FFF1F7, #E7CAD3, #B89AC0, #673DA9, #3F2D35)
• Hushed Quarry color palette (#E6DBE4, #C8B1C0, #A28495, #254081, #261B25)
• Washed Onyx color palette (#F6EBEE, #AA9396, #866868, #40124C, #140408)
• Softworn Chestnut color palette (#FED6EB, #AA94C4, #8E6D93, #814326, #643200)

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