Tempered Courtyard color palette — #C5F0F2 · #63AED5 · #7382B4 · #8D4747 · #3C1C00

A conversation between Burnt Sienna and Cyan, giving this palette its sense of trust and stability.

The five colors

• Frost (#C5F0F2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#63AED5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#7382B4): A luminous, dusty violet — the color of a velvet chair.
• Burnt Sienna (#8D4747): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#3C1C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Patina Lilac Pier color palette (#DDEDFF, #9799DB, #9977A1, #7E5320, #332F00)
• Teal Terrace color palette (#D1EFDA, #58B2A4, #4796AA, #7D4C73, #44151F)
• Petrol Atelier color palette (#E6EED9, #62A29E, #5273A2, #564D0F, #312B00)
• Cobalt Villa color palette (#D2E3FA, #7B77B8, #7E4E82, #5E4218, #0E1000)
• Hushed Lilac color palette (#D2EAF9, #A4BAEC, #AC91E4, #A8744F, #483A00)
• Denim Corridor color palette (#D4EFF3, #3789B0, #3C5193, #4F2121, #1B0A00)
• Weathered Cocoa Hollow color palette (#E8F8FF, #C4DBF1, #AEB7CF, #A1899A, #6D4754)
• Amber Workshop color palette (#D5E4F4, #6DB4FF, #C97A03, #005FA9, #2A1500)

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