Terracotta Loft color palette — #FFF2ED · #E0D8CE · #ECA099 · #9E5254 · #471C18

Brick and Rose Quartz set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D8CE): bright and airy, almost weightless.
• Rose Quartz (#ECA099): A luminous, balanced orange — the color of toasted spice.
• Brick (#9E5254): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#471C18): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Warmth, Comfort, Sophistication. Tagged monochrome, 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

• Tempered Bronze Boulevard color palette (#FFF3E5, #DCDACA, #D3A877, #935C15, #3F2501)
• Ancient Pewter color palette (#FFF1F2, #EAD7D9, #CF99C1, #8E5381, #42213D)
• Ancient Blush Hollow color palette (#FFF0FE, #F3D6C3, #F79B96, #B67673, #452C43)
• Wandering Driftwood color palette (#FFEEE7, #FFBBB9, #B67270, #6D3F3F, #36180C)
• Bronze Pier color palette (#FFF2EB, #FFB079, #BD6200, #562D00, #080200)
• Muted Cocoa Lagoon color palette (#FFE8E3, #D3D8E9, #B1A7AD, #713614, #28201C)
• Softworn Marigold color palette (#FFF2E1, #D39D34, #7B5900, #2E1C00, #020100)
• Ember Quarry color palette (#FFF2ED, #FFD7C2, #F0662B, #812D00, #300D00)

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