Terracotta Courtyard color palette — #FFD7DF · #D06B74 · #9B141E · #530E00 · #200700

Garnet takes the lead with Coral Clay close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Shell Pink (#FFD7DF): A whisper-light, dusty red — the color of a theater curtain.
• Coral Clay (#D06B74): A luminous, balanced red — the color of late-summer berries.
• Garnet (#9B141E): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#530E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#200700): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Terracotta 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

• Softworn Alley color palette (#EADFED, #CF6993, #AD0026, #5A2300, #331D00)
• Chalky Garden color palette (#FAD3DB, #EA7E8B, #D12537, #871F00, #3E1300)
• Weathered Grove color palette (#FFE1D7, #CA764D, #864600, #432700, #190E00)
• Chalky Mulberry Archive color palette (#F7E0F4, #B66797, #990461, #5B0028, #230005)
• Powdered Crimson color palette (#FCE9FF, #F69BC3, #CB394D, #702700, #1C0E00)
• Mulberry Workshop color palette (#F1E6E5, #D5C8C5, #BC9B92, #94185C, #201110)
• Gentle Rose Chapel color palette (#FFEDE8, #F884BB, #FF4972, #CF2D00, #270003)
• Hushed Bronze Parlor color palette (#FFEDE9, #DAA187, #A36228, #643C00, #2D1C00)

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