Terracotta Pier color palette — #F8E2EF · #C57B62 · #0088AD · #923000 · #00202B

A conversation between Burnt Sienna and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8E2EF): A whisper-light, dusty pink — the color of a candy shop window.
• Caramel (#C57B62): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#0088AD): A full-bodied, balanced blue — the color of deep harbor water.
• Burnt Sienna (#923000): A full-bodied, balanced orange — the color of sun-warmed clay.
• Midnight (#00202B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, 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

• Terracotta Canyon color palette (#FFEADE, #D46B47, #0086A4, #952F00, #003C4B)
• Dusty Mulberry Study color palette (#F3E3F6, #CB7284, #008F85, #9E0042, #00221F)
• Faded Chestnut Hollow color palette (#FFECF3, #C9986D, #5093CB, #925200, #042945)
• Indigo Summit color palette (#DDEEE1, #AF8C29, #5F72D3, #6A5100, #101642)
• Tempered Grape color palette (#FEE8F4, #B56337, #008260, #5943B3, #260A00)
• Airy Rust Lagoon color palette (#FFF0F8, #F3AC85, #00BBD1, #BA5400, #002E35)
• Bronze Loft color palette (#F6E0EB, #A74E00, #006181, #582600, #000910)
• Weathered Olive Terrace color palette (#D0E7DC, #75A496, #6B680F, #4D3C00, #001D19)

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