Terracotta Courtyard color palette — #F2DAD8 · #BB707D · #8A372C · #433600 · #0E2A0E

Built around Burnt Sienna, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F2DAD8): A whisper-light, dusty orange — the color of toasted spice.
• Dusty Rose (#BB707D): A luminous, balanced red — the color of late-summer berries.
• Burnt Sienna (#8A372C): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#433600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Forest (#0E2A0E): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, muted.

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 Cocoa Thicket color palette (#FCE4E7, #A75B56, #7C3000, #313100, #002213)
• Washed Mulberry color palette (#F1E6FF, #9D7AA1, #802F69, #532915, #2A2100)
• Patina Blush Station color palette (#EFE5FE, #C2759A, #9A543A, #0B5150, #00302F)
• Weathered Cabin color palette (#FFE7F1, #C93173, #920044, #61001E, #331400)
• Softworn Garden color palette (#FFE7E3, #E08052, #996421, #375B0A, #00453B)
• Chestnut Courtyard color palette (#FFF1EF, #D7A99D, #AB7D71, #775A0B, #38510F)
• Quiet Ember color palette (#FAD6D0, #D45548, #830406, #3A0101, #1B0000)
• Hushed Alley color palette (#F7EBD4, #847C2E, #454900, #4F1925, #1E1B00)

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