Tempered Courtyard color palette — #FFEDE8 · #C8888C · #A68952 · #856C99 · #37211A

Caramel takes the lead with Dusty Rose close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Cream (#FFEDE8): A whisper-light, dusty orange — the color of autumn markets.
• Dusty Rose (#C8888C): A luminous, dusty red — the color of a theater curtain.
• Caramel (#A68952): A luminous, balanced gold — the color of afternoon light on wheat.
• Slate (#856C99): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#37211A): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Lilac Workshop color palette (#FFECF0, #B888BE, #BA7A70, #567AAC, #352025)
• Worn Amber color palette (#FDEFE1, #B98A5A, #639067, #7A4E69, #2D2011)
• Antique Driftwood color palette (#FFEEE7, #F7C0BE, #B17375, #713C3D, #36160B)
• Cocoa Studio color palette (#FFEEE7, #DFD5C7, #B6C4D1, #A47F76, #602602)
• Wandering Iris color palette (#FAF1FF, #DB9CB2, #C99A71, #9285D5, #4A3C52)
• Weathered Cerulean Field color palette (#FFF0FC, #BF8881, #559A7A, #008599, #503A4C)
• Antique Bronze Pier color palette (#F8F0E7, #C9B9A1, #A5793D, #7B4C0E, #342B19)
• Bronze Balcony color palette (#FDE5CF, #B56400, #5B7B00, #8D3960, #210F00)

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