Tempered Courtyard color palette — #ECF5EA · #76C8BB · #698277 · #4E584A · #21221C

Mint Leaf takes the lead with Storm Blue close behind in a set that reads as sophistication at first glance.

The five colors

• Cream (#ECF5EA): bright and airy, almost weightless.
• Mint Leaf (#76C8BB): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#698277): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4E584A): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#21221C): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Tempered Ridge color palette (#F0F8EE, #36C6B9, #405C49, #262E24, #0E100B)
• Softworn Periwinkle Lantern color palette (#D4EAE4, #6FB0EE, #856574, #345049, #131B15)
• Muted Cerulean Lantern color palette (#D0E7D9, #009CB8, #664862, #103824, #010600)
• Worn Lagoon color palette (#DFF1F5, #009789, #293E4C, #132123, #080E0D)
• Cypress Canyon color palette (#D6EAD6, #006A69, #00243B, #061311, #000202)
• Fern Parlor color palette (#F6F5EE, #D8E2C8, #A0C09F, #9F9B7D, #42550F)
• Wandering Orchard color palette (#ECFCDB, #A0E7E0, #6DCBE0, #3E95C1, #60455C)
• Wandering Cobalt color palette (#D6F8EB, #0082BC, #3F3B6A, #002032, #000300)

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