Tempered Courtyard color palette — #FFD2CE · #F9886F · #CA4700 · #773000 · #311400

Built around Terracotta, softened by Salmon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFD2CE): A whisper-light, dusty orange — the color of sun-warmed clay.
• Salmon (#F9886F): A luminous, balanced orange — the color of toasted spice.
• Terracotta (#CA4700): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#773000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#311400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged 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

• Crimson Quarry color palette (#FFE4E8, #EE828D, #E03547, #9A0605, #3B0A00)
• Washed Garnet Ridge color palette (#FFF0F9, #DEA380, #B15A33, #7E200B, #230615)
• Pale Marigold Delta color palette (#FFE7D6, #F4A147, #9F6600, #644300, #2A1C00)
• Ember Meadow color palette (#FFE4EC, #FF8482, #F24400, #964E00, #402600)
• Amber Studio color palette (#FFE2D5, #E77915, #985200, #533100, #180C00)
• Faded Studio color palette (#FFF2E9, #F4AA73, #BC6600, #5B3100, #070200)
• Orchid Terrace color palette (#FFF0F9, #E9906F, #AC6FEA, #A83A00, #23043B)
• Hushed Basin color palette (#FFF1F7, #E5D6D4, #EDCA82, #D06034, #351C00)

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