Tempered Courtyard color palette — #F8DAED · #BF9590 · #9A696B · #654300 · #342600

Built around Bronze, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F8DAED): A whisper-light, dusty pink — the color of peonies in June.
• Taupe (#BF9590): A luminous, dusty orange — the color of toasted spice.
• Mocha (#9A696B): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#654300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#342600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Patina Coast color palette (#F2DACE, #B39D87, #956F2D, #325534, #232F0F)
• Hushed Chestnut color palette (#FFE0D8, #D4AC9A, #998170, #665500, #3A3A33)
• Driftwood Garden color palette (#FCDCD4, #A36661, #723F28, #373300, #0E1700)
• Antique Taupe Delta color palette (#FFF1F6, #F5C7CA, #C38F86, #5D725C, #2B452A)
• Pewter Study color palette (#F5EDE0, #9D8D6B, #616A41, #2F4626, #002527)
• Mulberry Balcony color palette (#FFE2DA, #C97480, #828022, #96203F, #1E1D00)
• Hushed Plum Bloom color palette (#EEDBE4, #DA759D, #A74267, #7B1D38, #420813)
• Ancient Veranda color palette (#DAE4FA, #ABAAC3, #97656E, #29624D, #24485B)

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