Tempered Courtyard color palette — #F5F6EC · #82B37E · #3898A2 · #825B86 · #36322C

Jade takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Jade (#82B37E): A luminous, balanced green — the color of fresh herbs.
• Cerulean (#3898A2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#825B86): A full-bodied, balanced pink — the color of peonies in June.
• Espresso (#36322C): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Muted Stone Orchard color palette (#F8F5E8, #B2B777, #6292B4, #90536A, #5E3343)
• Aged Harbor color palette (#FFF3E8, #BBC489, #64A08E, #826283, #4B4B00)
• Taupe Canyon color palette (#FAF5E7, #AC9E53, #669163, #396C94, #48322B)
• Muted Turquoise color palette (#ECF9F1, #41ABCD, #647DB9, #8A4854, #2B280D)
• Muted Jade Basin color palette (#F1F4E5, #73AC74, #515C4C, #373C00, #23221C)
• Powdered Mulberry color palette (#EFFAE3, #00AD7D, #0076A9, #90206F, #281E00)
• Washed Alley color palette (#FFF4DE, #C8D4A6, #82B08B, #398371, #005053)
• Timeworn Taupe color palette (#F7F5EE, #D6DCD6, #A8B3B2, #A49C77, #54534B)

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