Tempered Courtyard color palette — #F9EDDA · #EBB93B · #0098CF · #8C6ECA · #332306

Saffron and Amethyst set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F9EDDA): A whisper-light, dusty gold — the color of old brass.
• Saffron (#EBB93B): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#0098CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Amethyst (#8C6ECA): A luminous, balanced violet — the color of wild irises.
• Espresso (#332306): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Marigold Alley color palette (#FDEBD9, #EB9F41, #00B3CD, #7371CA, #34220D)
• Pale Azure Atelier color palette (#FCF5E1, #B9AC33, #0098D8, #9152A6, #2F1908)
• Chalky Chartreuse Pier color palette (#F4EFD7, #B8CE3B, #5D87E8, #AF63A5, #2B2712)
• Hushed Mustard color palette (#FAF5E4, #C2BF50, #7AB1F0, #AC7CB2, #35332C)
• Jade Cabin color palette (#FDECD2, #AFC66B, #00B378, #7566B4, #31312A)
• Wandering Drift color palette (#E8FCE7, #D68B00, #7F80CF, #585892, #091A09)
• Muted Indigo Loft color palette (#FEE9E5, #D86382, #6E73D9, #944157, #3B1D17)
• Grape Lagoon color palette (#EAE5D8, #B59E2A, #006FBA, #8731B1, #110D00)

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