Terracotta Harbor color palette — #FFF1F6 · #C7ADEA · #B8708F · #9B3702 · #372900

A conversation between Burnt Sienna and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Lavender (#C7ADEA): A luminous, balanced violet — the color of wild irises.
• Dusty Rose (#B8708F): A luminous, balanced rose — the color of strawberry cream.
• Burnt Sienna (#9B3702): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#372900): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Creativity, 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

• Patina Blush Loft color palette (#FFF2EF, #D16E86, #974C00, #3F3A00, #001105)
• Timeworn Scarlet color palette (#FFF1F1, #F57DCE, #D4453E, #704700, #1F2500)
• Dusty Bronze Loft color palette (#FFF2F1, #EEBAD2, #CA876C, #7D6A08, #1A4224)
• Softworn Cocoa Hollow color palette (#FFF0F9, #F5D0CF, #CFB0B8, #967265, #773D16)
• Airy Canyon color palette (#E8FAF3, #7BC4F6, #897CCC, #863D70, #003332)
• Worn Mulberry color palette (#E7FAF3, #7CC3F5, #8581C2, #833D7B, #4F1119)
• Blush Veranda color palette (#EBF9F0, #33D3F1, #E277A7, #838129, #3B3A0F)
• Softworn Cerulean color palette (#E6F4FF, #149ACB, #964856, #5A3903, #152300)

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