Tempered Courtyard color palette — #D3E8D4 · #5BCFC6 · #65A2CA · #A86953 · #582F00

Aqua and Mocha set the tone — five colors that lean into trust and stability.

The five colors

• Celadon Mist (#D3E8D4): A whisper-light, dusty green — the color of new leaves after rain.
• Aqua (#5BCFC6): A luminous, balanced teal — the color of glacier melt.
• Blue Fog (#65A2CA): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#A86953): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#582F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Powdered Aqua color palette (#D7ECE8, #6BC8F0, #9F9ADE, #A0754C, #5D3400)
• Mint Workshop color palette (#DEE7CA, #23DDAA, #15A9C4, #A45763, #603038)
• Sunlit Meadow color palette (#E1FFDC, #5CE3D7, #698ECD, #8A5443, #532110)
• Hushed Veranda color palette (#BBEEFF, #5EDBFF, #E76915, #0097B7, #4E1D00)
• Antique Driftwood color palette (#D9F6FF, #82A9D9, #9B79AD, #626430, #2F2800)
• Quiet Chapel color palette (#CEECED, #4ABFD8, #4D95B9, #60537F, #512E60)
• Mint Loft color palette (#EDEDD4, #00E398, #00AEA2, #638841, #003822)
• Washed Study color palette (#EEFBDD, #C2E6CD, #D6BBD3, #AE9D91, #784211)

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