Terracotta Loft color palette — #FCE2D2 · #D0A47E · #A7715D · #82474C · #34302A

Coffee and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#FCE2D2): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#D0A47E): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A7715D): A full-bodied, dusty orange — the color of sun-warmed clay.
• Coffee (#82474C): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Dusty Alley color palette (#F1E7D4, #AFB37C, #937E45, #7C4F22, #31312A)
• Dusty Amber color palette (#FFF0F9, #E9BE97, #C17254, #7C464A, #142619)
• Ancient Cocoa Balcony color palette (#F8E0EE, #BA8B6E, #8F5135, #702B1B, #472333)
• Ancient Chestnut color palette (#F2E3D8, #AF8343, #904C1B, #662421, #1E1400)
• Bronze Study color palette (#FAF5E9, #D2CCAB, #AB9973, #986A2F, #494C00)
• Patina Azure color palette (#F8E9F8, #5891D9, #BC5F72, #904A2B, #321E33)
• Ancient Apricot Pier color palette (#E4F2ED, #EF9B8A, #196A96, #013A56, #091A14)
• Dusty Station color palette (#ECE3C8, #5A7B29, #4B4700, #312100, #000501)

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