Terracotta Loft color palette — #FFF2EF · #DFA4A9 · #B56869 · #95453A · #574F4B

A conversation between Burnt Sienna and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Rosewood Mist (#DFA4A9): A luminous, dusty red — the color of embers at dusk.
• Mocha (#B56869): A luminous, balanced red — the color of a theater curtain.
• Burnt Sienna (#95453A): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal Brown (#574F4B): a grounded near-black with real depth.

Feels like: Warmth, Comfort, Sophistication. Tagged muted, warm.

Use it as a design system

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

• Hushed Lagoon color palette (#FEF2EE, #D1A495, #9192CB, #AD5257, #48496E)
• Softworn Coral color palette (#F3E8FF, #F8AEBF, #E3858B, #A3614E, #604552)
• Ancient Orchard color palette (#FFF3E9, #D6A985, #AE7C45, #8B5C03, #57524C)
• Worn Quarry color palette (#FFECF0, #CDA7CC, #A96FA0, #8A4D79, #6C4545)
• Dusty Cocoa color palette (#FFF2EB, #EBC4AC, #AC6C57, #7E371A, #542A1A)
• Faded Rust color palette (#FFE5E0, #F97F60, #B94900, #7C3600, #473700)
• Muted Boulevard color palette (#FFF2EC, #C3867D, #998951, #906398, #6A2E10)
• Bronze Drift color palette (#F8E7D9, #AD6E00, #624200, #392900, #151B01)

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