Tempered Courtyard color palette — #EDF9EF · #67D5E4 · #B57D9D · #846242 · #222517

A conversation between Ice Blue and Dusty Rose, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Ice Blue (#67D5E4): A luminous, balanced blue — the color of deep harbor water.
• Dusty Rose (#B57D9D): A luminous, balanced pink — the color of peonies in June.
• Walnut (#846242): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#222517): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Antique Villa color palette (#E9FAF3, #91D5FF, #BB85B3, #85633F, #373A33)
• Ancient Sky color palette (#E8FAF3, #50BDF6, #C7827E, #756D3C, #212A1D)
• Mint Canyon color palette (#F2F8E8, #54D09B, #9D8BC7, #915A5A, #2C2616)
• Ancient Lilac Parlor color palette (#FCF1FB, #97B9EC, #B39AD2, #B08065, #303A2C)
• Linen Periwinkle color palette (#FFF0FA, #9BAAFF, #B06737, #4A6732, #112317)
• Patina Sky Quarry color palette (#EAF9F5, #6EB3F9, #604E5A, #212E2B, #0C110E)
• Hushed Atelier color palette (#E0FDEF, #21ADE8, #BF2C4B, #6A4F00, #0C1700)
• Wandering Cocoa color palette (#EBF3FB, #5D8CB9, #7C5B90, #763C00, #021F25)

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