Terracotta Pier color palette — #FFECE0 · #BE6F3F · #893914 · #531D13 · #190A00

A conversation between Burnt Sienna and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFECE0): A whisper-light, dusty gold — the color of old brass.
• Caramel (#BE6F3F): A luminous, balanced gold — the color of old brass.
• Burnt Sienna (#893914): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#531D13): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#190A00): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Hushed Cocoa color palette (#EFE1EA, #AD7B58, #853E24, #5F1D1F, #351E00)
• Bronze Boulevard color palette (#FBEEDB, #A48114, #704E00, #462A00, #150D00)
• Linen Veranda color palette (#FFF2EB, #E4A26B, #B3583B, #6F2E38, #1C1000)
• Washed Canyon color palette (#F3DCC9, #C68952, #8F532A, #433C38, #241401)
• Tempered Cocoa color palette (#FDF0DF, #BFA87E, #8E6F44, #6D4000, #2B210E)
• Peony Ridge color palette (#F7DFEE, #D74593, #A11955, #5A001E, #270003)
• Byzantium Corridor color palette (#FEDFE8, #8F16C7, #9A2100, #003C4E, #150107)
• Ember Harbor color palette (#EADBDF, #E25D47, #4E196F, #1A0728, #060002)

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