Terracotta Courtyard color palette — #FDF1F9 · #ED7D5C · #507100 · #972A00 · #00231C

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

The five colors

• Ivory (#FDF1F9): a clean, paper-quiet neutral.
• Coral Clay (#ED7D5C): A luminous, balanced orange — the color of toasted spice.
• Olive (#507100): A full-bodied, balanced green — the color of fresh herbs.
• Burnt Sienna (#972A00): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#00231C): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Sunlit Coast color palette (#FFF0F7, #F07F2B, #007660, #863F00, #002225)
• Mulberry Garden color palette (#FBF1FD, #F66C93, #766300, #9F0048, #002413)
• Pale Apricot color palette (#FFEFDF, #F08B00, #786C00, #854B00, #0E0800)
• Amber Lantern color palette (#F4E7EE, #CE672A, #255E00, #6B2C00, #00110E)
• Pale Apricot Villa color palette (#FFF1F6, #FFA151, #A28200, #B06000, #0B2214)
• Worn Pier color palette (#FFE0D4, #E29623, #7C6900, #3B4E00, #003D1F)
• Hushed Aubergine color palette (#E0FFE0, #C87500, #566900, #452F8F, #453200)
• Moss Orchard color palette (#E2F8EB, #A18F00, #005E75, #504700, #00141F)

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