Terracotta Courtyard color palette — #F6DCD0 · #9A0B07 · #004F44 · #002D41 · #220000

Garnet and Forest set the tone — five colors that lean into balance.

The five colors

• Shell Pink (#F6DCD0): A whisper-light, dusty orange — the color of toasted spice.
• Garnet (#9A0B07): A full-bodied, vivid orange — the color of toasted spice.
• Forest (#004F44): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#002D41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#220000): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Smoked Cocoa Parlor color palette (#F4E2D7, #832D00, #003933, #001C3D, #170010)
• Dusty Mulberry color palette (#F9DDDA, #950053, #09520B, #002F36, #21000E)
• Gentle Navy Terrace color palette (#F4E2D2, #784200, #004C57, #1C007B, #180900)
• Patina Chestnut color palette (#F6EAD8, #925500, #443E00, #00283A, #201300)
• Feathered Nightshade Cabin color palette (#F8E0C9, #975500, #006472, #1C00B5, #311800)
• Mulberry Garden color palette (#F9DFE1, #8C007A, #004E4D, #41004D, #060005)
• Worn Bloom color palette (#EEE4DC, #C2B7A9, #988D74, #693500, #2A1C0F)
• Twilit Onyx color palette (#FDEBD1, #483400, #002F41, #1A0036, #030100)

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