Terracotta Pier color palette — #ECDAE3 · #964400 · #00517A · #4A1E00 · #00111F

Burnt Sienna and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Shell Pink (#ECDAE3): A whisper-light, dusty rose — the color of a warm blush.
• Burnt Sienna (#964400): A full-bodied, balanced orange — the color of autumn markets.
• Peacock (#00517A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#4A1E00): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#00111F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged muted.

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

• Chestnut Quarry color palette (#D5E7DB, #6F5E00, #005179, #352C00, #00111E)
• Sunlit Mulberry color palette (#EEE2EF, #B10041, #005468, #58001C, #001219)
• Worn Cocoa Summit color palette (#F4DFD2, #773900, #00475E, #00305F, #110400)
• Bronze Loft color palette (#DBEFE2, #8C6400, #473A3A, #231C00, #060400)
• Shadow Nightshade color palette (#DAE7DB, #6B4A00, #3600AD, #2D1D00, #040021)
• Aubergine Archive color palette (#ECDDD3, #914000, #6D0093, #461B00, #06000C)
• Antique Bronze color palette (#F6D7E7, #8E5B00, #5C2700, #3D0005, #100B00)
• Soft Amber Pier color palette (#F2E4D8, #D76B00, #008CB6, #984900, #00121B)

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