Tempered Courtyard color palette — #9DF4F0 · #8BB5CC · #5C799D · #763F46 · #481D06

Built around Sea Foam, softened by Coffee — the whole palette hums with trust and stability.

The five colors

• Sea Foam (#9DF4F0): A whisper-light, balanced teal — the color of glacier melt.
• Ash (#8BB5CC): A luminous, dusty blue — the color of deep harbor water.
• Slate (#5C799D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#763F46): A full-bodied, dusty red — the color of late-summer berries.
• Espresso (#481D06): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, 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

• Wandering Teal Parlor color palette (#B4F3D1, #65C2BD, #418AA0, #643E59, #431C20)
• Weathered Bloom color palette (#E0F2FF, #94AEE7, #876EA4, #6D485A, #342A00)
• Wandering Garnet color palette (#CDEFF2, #6797B1, #55668D, #5F2C30, #351726)
• Washed Cabin color palette (#D2EFCE, #7FCEE2, #6C9AD1, #A75363, #673C29)
• Washed Cobalt color palette (#D4F1FD, #5683B5, #534D79, #481D0D, #1F1300)
• Softworn Hollow color palette (#D5E3F5, #908CD2, #83618E, #5D3F00, #252500)
• Aged Sky color palette (#E6F4FF, #29B4F8, #B35700, #00628D, #371600)
• Weathered Chestnut color palette (#CEF3BF, #B5B78D, #358F91, #924400, #3F5104)

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