Tempered Courtyard color palette — #FFF1F3 · #E8A9EF · #AEB478 · #5D8E7B · #3F2C2F

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

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Carnation (#E8A9EF): A luminous, balanced pink — the color of a candy shop window.
• Sage (#AEB478): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5D8E7B): A luminous, dusty teal — the color of sea glass.
• Espresso (#3F2C2F): A deep, shadowed, dusty red — the color of a theater curtain.

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

• Aged Drift color palette (#FFF2EE, #FFA6B2, #80BF9A, #678C76, #3F2C28)
• Antique Boulevard color palette (#FFF0FA, #B1BFFF, #CBA77E, #8D843B, #3A2D36)
• Softworn Shell Chapel color palette (#FFF2EF, #FFB3C4, #B0975B, #427765, #452F48)
• Patina Lagoon color palette (#FFF2EC, #FF8D7D, #48B399, #46779F, #312018)
• Antique Stone Quarry color palette (#FFF0F9, #E6D8D5, #E19E9B, #9C6750, #5B3205)
• Pale Fuchsia Alley color palette (#FFF1F1, #FF87CE, #619400, #007678, #2F1012)
• Patina Delta color palette (#FCF2F2, #E2D9D1, #ADBAB5, #BDA18F, #544B4A)
• Dusty Workshop color palette (#FCF2F3, #E6D1CD, #DB9D8F, #B787B2, #281B15)

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