Terracotta Field color palette — #F1E3EC · #AB3900 · #342100 · #180512 · #040104

A conversation between Burnt Sienna and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F1E3EC): bright and airy, almost weightless.
• Burnt Sienna (#AB3900): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#342100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#180512): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#040104): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Terracotta Field 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

• Cellar Chestnut color palette (#E3F6E1, #8A5800, #282700, #041004, #050103)
• Charred Plum color palette (#F4E8F6, #B7114E, #37192C, #130815, #030105)
• Softworn Ember Ridge color palette (#FEE8DB, #D64D00, #583800, #2C1E16, #140B08)
• Cobalt Studio color palette (#F6E1E7, #AC6B00, #0075B3, #644996, #250814)
• Timeworn Bronze Field color palette (#E3F2E8, #98811E, #25423C, #142219, #110A0D)
• Pale Summit color palette (#FFE5E0, #DB8049, #925B00, #4F3F00, #262300)
• Charred Fern color palette (#CFEAE2, #416100, #2F353C, #002014, #000705)
• Frosted Sapphire color palette (#E1EDDF, #D78E24, #4A5FD4, #764A00, #11183C)

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