Terracotta Harbor color palette — #F8D5DD · #C74D58 · #980F00 · #571A00 · #341700

A conversation between Garnet and Crimson, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F8D5DD): A whisper-light, dusty red — the color of embers at dusk.
• Crimson (#C74D58): A full-bodied, balanced red — the color of embers at dusk.
• Garnet (#980F00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#571A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#341700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Cabin color palette (#FAE5F1, #C5246C, #891500, #3F1600, #120900)
• Antique Scarlet Terrace color palette (#FDE1E7, #FF4A6D, #E51826, #933600, #381600)
• Gentle Courtyard color palette (#F0DDEA, #E74687, #C10418, #653400, #301D00)
• Worn Rust color palette (#FDDDD4, #C55B00, #7B4400, #402800, #191C00)
• Mulberry Coast color palette (#F3D8F1, #B44D92, #81004D, #54001B, #2A0F00)
• Linen Rust Basin color palette (#FFEBE1, #B54225, #006573, #6A1600, #001F25)
• Wandering Garnet Station color palette (#EEDBCF, #E6AC74, #9E8711, #960024, #351800)
• Nightshade Lantern color palette (#FEDDD1, #983600, #005D3E, #3900A6, #240700)

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