Terracotta Courtyard color palette — #FBD7E1 · #DD7B7C · #AB412C · #773C00 · #563604

Built around Brick, softened by Watermelon — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FBD7E1): A whisper-light, dusty rose — the color of pressed rose petals.
• Watermelon (#DD7B7C): A luminous, balanced orange — the color of toasted spice.
• Brick (#AB412C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#773C00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#563604): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, 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

• Worn Rust color palette (#EED9D7, #EE9183, #CC5739, #973B00, #603011)
• Faded Amber color palette (#FFDFD7, #D07D46, #9A6200, #5B4100, #213911)
• Antique Corridor color palette (#FCE6FE, #D079AB, #A53B58, #84282D, #5E2816)
• Linen Pier color palette (#FFF3E8, #D78D5F, #974C00, #542B00, #331500)
• Hushed Station color palette (#FFEADC, #CC7241, #00889B, #8B3B00, #003D47)
• Sunlit Grove color palette (#FFE4E7, #C43E36, #733100, #3F2200, #171900)
• Weathered Stone Dune color palette (#FFF2EB, #EED5B6, #ACBE79, #9C5769, #46413B)
• Bronze Meadow color palette (#FFDDC5, #B2612F, #007897, #3C528D, #40230A)

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