Tempered Courtyard color palette — #E9FAF0 · #F5BED6 · #DA9F80 · #5A94B3 · #524154

Camel takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9FAF0): A whisper-light, dusty teal — the color of sea glass.
• Carnation (#F5BED6): A whisper-light, dusty rose — the color of a warm blush.
• Camel (#DA9F80): A luminous, balanced orange — the color of autumn markets.
• Slate Blue (#5A94B3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#524154): A full-bodied, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, light, 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

• Timeworn Iris Atelier color palette (#EDF9EE, #FAC1AE, #BBAF79, #8086C1, #584049)
• Lagoon Pier color palette (#E7FAF3, #D5C7FB, #D29DB0, #429D91, #484559)
• Wandering Stone Pier color palette (#FAEEF7, #E7A398, #8E737C, #5F4F5B, #242026)
• Taupe Garden color palette (#EDF9EC, #FFD0C8, #CE926F, #6B794B, #4A3A44)
• Stone Summit color palette (#ECF9F3, #C7E5E1, #8BC1C5, #9B96B1, #375350)
• Gentle Sapphire Corridor color palette (#DEFFE7, #FFA2AB, #DF9319, #0072D3, #562418)
• Cocoa Parlor color palette (#FEF3E6, #E9ADA1, #B5876A, #63773E, #6E360C)
• Tempered Lantern color palette (#FAF2FB, #F5D3DF, #EEC15D, #BEBFB0, #5E4157)

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