Terracotta Harbor color palette — #FFDCDF · #D28799 · #BA5D53 · #8D3D00 · #5F430E

Built around Burnt Sienna, softened by Terracotta — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FFDCDF): A whisper-light, dusty red — the color of late-summer berries.
• Dusty Rose (#D28799): A luminous, balanced red — the color of late-summer berries.
• Terracotta (#BA5D53): A full-bodied, balanced orange — the color of toasted spice.
• Burnt Sienna (#8D3D00): A full-bodied, balanced orange — the color of autumn markets.
• Bronze (#5F430E): A full-bodied, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Timeworn Mulberry Veranda color palette (#FFD7E5, #CB95C1, #AD4F7B, #952E3C, #6A3D24)
• Bronze Balcony color palette (#FFDAD0, #E39B8D, #B7681E, #705500, #444618)
• Pale Ember Study color palette (#FFE3E8, #F6989C, #E0644C, #9D5332, #49433E)
• Bronze Parlor color palette (#FFF3E9, #E1A88A, #A85D2C, #6A3100, #4F2003)
• Chestnut Terrace color palette (#FFF2E9, #C89171, #009CA5, #9F4A00, #004C51)
• Dusty Basalt Lantern color palette (#FBF5E3, #AAAA88, #797443, #6E4816, #334500)
• Driftwood Pier color palette (#FFF2EB, #DEDFCC, #B2DBA6, #AA6C91, #514A46)
• Hushed Amber color palette (#FFD4CA, #DF7E1B, #896500, #4E5200, #004429)

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