Tempered Courtyard color palette — #F6F4FA · #E0D8DA · #BDB0A9 · #B98BA8 · #545159

Dusty Rose takes the lead with Ash close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F6F4FA): bright and airy, almost weightless.
• Silver (#E0D8DA): a clean, paper-quiet neutral.
• Ash (#BDB0A9): a calm mid-gray that lets other colors speak.
• Dusty Rose (#B98BA8): A luminous, dusty pink — the color of a candy shop window.
• Charcoal Brown (#545159): quiet, heavy and certain.

Feels like: Sophistication, Softness, Clarity. Tagged scandi, muted, light.

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 Coral color palette (#F7EEF8, #CC848C, #66515A, #413242, #232028)
• Softworn Orchard color palette (#E8FAF3, #C9B3E1, #BB817E, #267997, #4B4359)
• Peony Coast color palette (#F9F2FC, #E6D5D6, #ACD2C8, #C75F80, #463B4A)
• Hushed Ash color palette (#EFF8F2, #BBD8D1, #74A6A7, #7A7A96, #3D524D)
• Ancient Cocoa color palette (#F4E9EE, #ABB8AF, #789F96, #7D4000, #220A16)
• Mustard Garden color palette (#F9F2FF, #E1D6DF, #E4BD9C, #CCAD5E, #5A4159)
• Mulberry Summit color palette (#EEE8F3, #AE9FAB, #9F7A87, #7E0050, #0E0515)
• Bronze Archive color palette (#FDF2F5, #CEE4D9, #96CAC3, #A66700, #482733)

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