Tempered Courtyard color palette — #FFF1F4 · #E3D7D2 · #B6B1A4 · #A880B9 · #422F34

Dusty Rose and Espresso set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Bone (#E3D7D2): bright and airy, almost weightless.
• Ash (#B6B1A4): a calm mid-gray that lets other colors speak.
• Dusty Rose (#A880B9): A luminous, balanced pink — the color of peonies in June.
• Espresso (#422F34): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Creativity, 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

• Pewter Station color palette (#FFF1F3, #E3D8D1, #D8BEA8, #946194, #261B1D)
• Washed Byzantium Archive color palette (#F5F4FD, #DFD6DE, #C2B6D2, #953CAB, #403D4F)
• Hushed Cocoa Canyon color palette (#E8DED7, #CCB6A1, #A38E6F, #662400, #030100)
• Taupe Delta color palette (#FCF3EF, #DEDAD0, #A4B6B6, #A0A181, #534B47)
• Worn Rust Boulevard color palette (#FFF2ED, #E0DACE, #A0C4AE, #C45556, #321F18)
• Wandering Pine color palette (#FFF0FD, #F9D1C6, #CF9888, #4A7D58, #384C31)
• Worn Blush Basin color palette (#FFF1F2, #E1D1D4, #C4BCB3, #FF8789, #400527)
• Faded Veranda color palette (#FFF4E0, #E2DF62, #7F9F46, #6F638A, #323001)

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