Terracotta Loft color palette — #F3DEDF · #C3585C · #9D0114 · #5B1200 · #2D0900

A conversation between Garnet and Brick, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F3DEDF): A whisper-light, dusty red — the color of a theater curtain.
• Brick (#C3585C): A full-bodied, balanced red — the color of embers at dusk.
• Garnet (#9D0114): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#5B1200): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2D0900): A deep, shadowed, dusty orange — the color of sun-warmed clay.

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

• Quiet Terracotta color palette (#EEDAD8, #CB796B, #A73C13, #6B2700, #381600)
• Scarlet Lagoon color palette (#FFE1E3, #F06A70, #E1051E, #8A1B00, #4C1802)
• Bronze Hollow color palette (#FCDACB, #BA6016, #854600, #4E2D00, #211200)
• Timeworn Mulberry Summit color palette (#FBDDF0, #B7548A, #A60865, #630030, #32000F)
• Weathered Terracotta Delta color palette (#FFD8C5, #D2845F, #904000, #401900, #110300)
• Washed Delta color palette (#F1DDD5, #BC6153, #7053BF, #870600, #160039)
• Aubergine Drift color palette (#F9E3D9, #B6392A, #6F5D00, #7B0085, #1E0000)
• Weathered Fern color palette (#EAE1CC, #898A52, #605600, #3D2F00, #0D1000)

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