Terracotta Courtyard color palette — #F7E1F3 · #D37064 · #008C96 · #9C1B17 · #002124

Garnet and Coral Clay set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F7E1F3): A whisper-light, dusty pink — the color of neon signs at night.
• Coral Clay (#D37064): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#008C96): A full-bodied, balanced blue — the color of open sky before noon.
• Garnet (#9C1B17): A full-bodied, vivid orange — the color of autumn markets.
• Midnight (#002124): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Ember Dune color palette (#FFE9E1, #DF5E56, #008899, #90332F, #003D46)
• Misty Terrace color palette (#F0E4F7, #CD6D93, #009175, #951958, #00221A)
• Ancient Terracotta color palette (#FFECF5, #DB8E63, #009BC8, #9E4800, #042B3F)
• Quiet Amber Lagoon color palette (#FBE1EB, #DC8A3F, #0073B4, #7E4400, #001E34)
• Airy Rust Dune color palette (#F0DCEA, #CA4E30, #00844A, #454EAE, #210B1B)
• Scarlet Pier color palette (#FEF0FC, #FFA29C, #00BAD4, #CA3D3F, #002E36)
• Antique Rust Boulevard color palette (#F7DEEE, #B53D09, #006372, #611B00, #000A0D)
• Chestnut Workshop color palette (#D0E7D8, #9A9C6F, #766300, #543800, #001E17)

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