Terracotta Pier color palette — #FCF2F9 · #E9D4D5 · #D2B1C1 · #A44B3D · #4B3947

Brick and Rosewood Mist set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FCF2F9): a clean, paper-quiet neutral.
• Bone (#E9D4D5): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#D2B1C1): A luminous, dusty rose — the color of a warm blush.
• Brick (#A44B3D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Charcoal (#4B3947): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Terracotta Terrace color palette (#F3ECF0, #DAC6CF, #B895A2, #893913, #352A31)
• Washed Bronze color palette (#FEF1F6, #CFE5DE, #A3C7AB, #975909, #493B40)
• Washed Cocoa color palette (#FFF2ED, #E3DBC5, #C2C2A7, #B5716E, #682B12)
• Muted Apricot Workshop color palette (#FFF0F8, #FFB8A8, #FD8733, #AE7600, #53300F)
• Smoked Bronze color palette (#F0DEE6, #9D5100, #3E2400, #280D1B, #100405)
• Driftwood Thicket color palette (#F0F7F4, #D2DCDD, #A7ACBB, #648C7A, #4B5550)
• Dusty Chestnut color palette (#ECF9F1, #C2D9CE, #86B1A2, #6A5900, #22392B)
• Softworn Coast color palette (#E7DFE2, #B0BDB0, #73997D, #633900, #271B20)

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