Terracotta Harbor color palette — #F3D9D3 · #983E00 · #5B2E00 · #231400 · #070400

Burnt Sienna and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F3D9D3): A whisper-light, dusty orange — the color of autumn markets.
• Burnt Sienna (#983E00): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5B2E00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#231400): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#070400): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

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

• Soft Rust Meadow color palette (#FFE9E3, #CB5400, #7E4600, #482D00, #191000)
• Obsidian Bronze Field color palette (#EAE2D1, #8F6500, #4A3500, #191000, #020100)
• Hushed Lantern color palette (#F2D6DF, #814D00, #004D7C, #3E2200, #000308)
• Twilit Villa color palette (#FFE3EA, #A90037, #670204, #330C00, #0B0200)
• Muted Station color palette (#FAE4CB, #B1A33E, #5D892A, #6A2B00, #0D0700)
• Aubergine Pier color palette (#E8DCCE, #644100, #004848, #480061, #020100)
• Weathered Bronze Lantern color palette (#F8EDD3, #918300, #5C6100, #253C00, #041C00)
• Muted Parlor color palette (#FCE6FD, #007E83, #6D6300, #080D05, #000201)

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