Terracotta Pier color palette — #ECDDEB · #C9618C · #9A2203 · #472E00 · #242500

Built around Burnt Sienna, softened by Hot Pink — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#ECDDEB): A whisper-light, dusty pink — the color of peonies in June.
• Hot Pink (#C9618C): A luminous, balanced rose — the color of a warm blush.
• Burnt Sienna (#9A2203): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#472E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#242500): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Chalky Mulberry color palette (#E3DEFD, #B765B0, #972644, #601E00, #311D00)
• Dusty Alley color palette (#FFE1ED, #CB454F, #723900, #322600, #081800)
• Chestnut Cabin color palette (#FFCDEE, #E0808F, #9A4C04, #5A3E00, #273500)
• Muted Amber color palette (#F3DDDD, #C9693A, #6E5200, #2D3D00, #003117)
• Airy Raspberry Boulevard color palette (#BDEAD6, #B34A8F, #733C00, #003752, #40111B)
• Ember Orchard color palette (#F5E2F2, #FE80B1, #E95800, #8D5E00, #232300)
• Terracotta Veranda color palette (#F4DFED, #952900, #424E40, #02210C, #15020F)
• Worn Mulberry color palette (#F3EBF5, #D5C8D0, #92A794, #803B50, #342937)

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