Terracotta Harbor color palette — #F6D1EA · #C87700 · #A12B00 · #700536 · #322800

A conversation between Burnt Sienna and Mustard, giving this palette its sense of nature and growth.

The five colors

• Thistle (#F6D1EA): A whisper-light, dusty pink — the color of peonies in June.
• Mustard (#C87700): A luminous, balanced gold — the color of afternoon light on wheat.
• Burnt Sienna (#A12B00): A full-bodied, vivid orange — the color of toasted spice.
• Mulberry (#700536): A deep, shadowed, balanced red — the color of embers at dusk.
• Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Muted Loft color palette (#F6DACA, #C77646, #993700, #661104, #200C00)
• Airy Rust color palette (#FAD0E9, #EA884C, #BD5223, #8A3121, #401F00)
• Amber Courtyard color palette (#FCD7AF, #A58C00, #804E00, #701500, #212E00)
• Linen Amber Basin color palette (#FFE7EE, #B39C25, #925B00, #753222, #083F34)
• Airy Plum Atelier color palette (#FBD5C0, #EBA76D, #DD714E, #BA3F57, #372500)
• Muted Bronze color palette (#F0DDE8, #8C5C00, #5F2300, #3B0011, #000F07)
• Antique Atelier color palette (#DFE0FA, #DC30E7, #B0005B, #691500, #3C2400)
• Worn Aubergine Grove color palette (#EDF1FF, #8A73FF, #7F4200, #4A00B7, #1F0C00)

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