Terracotta Courtyard color palette — #F2D8CD · #F58478 · #008FCE · #9A1E1B · #002C44

Built around Garnet, softened by Salmon — the whole palette hums with trust and stability.

The five colors

• Bone (#F2D8CD): A whisper-light, dusty orange — the color of toasted spice.
• Salmon (#F58478): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#008FCE): A luminous, balanced blue — the color of deep harbor water.
• Garnet (#9A1E1B): A full-bodied, vivid orange — the color of toasted spice.
• Midnight (#002C44): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Misty Brick Dune color palette (#F6D6C9, #E86D67, #0098A3, #BB0520, #003033)
• Dusty Apricot color palette (#F1D9C5, #ED8F3E, #007DBE, #944E00, #002C47)
• Tangerine Garden color palette (#FFF0F8, #FF8242, #00A2C2, #A14200, #001C24)
• Quiet Rust Pier color palette (#F1D8C9, #FFAB8A, #04B3DD, #B94400, #002E3C)
• Rust Workshop color palette (#F2D4E6, #BF6039, #00778C, #7C2B00, #002F38)
• Patina Basin color palette (#F4D6D5, #D273AD, #009B8F, #AB107F, #00312C)
• Softworn Violet color palette (#ECDBC9, #D18523, #916AE2, #8D5400, #301659)
• Feathered Corridor color palette (#FAE8DB, #D16100, #0086AF, #3D629B, #361400)

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