Terracotta Harbor color palette — #F3E6DE · #A74714 · #2F3800 · #441600 · #010200

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

The five colors

• Parchment (#F3E6DE): bright and airy, almost weightless.
• Burnt Sienna (#A74714): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#2F3800): A deep, shadowed, dusty green — the color of fresh herbs.
• Espresso (#441600): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, 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

• Lowlit Chestnut Meadow color palette (#F3EADE, #795200, #00320F, #2A1900, #020200)
• Feathered Brick color palette (#F2DBD4, #C20034, #004226, #540011, #010100)
• Plum Canyon color palette (#F9E6E4, #A83A6B, #472D00, #4C0028, #030100)
• Dusty Bronze color palette (#FDEBDF, #8E6400, #443800, #1D2100, #071200)
• Hushed Bronze Summit color palette (#E6DFD9, #B0A89C, #947D35, #512E00, #1E1104)
• Aged Olive Studio color palette (#EAE8D6, #6C811B, #00484D, #2C3700, #000405)
• Smoked Cocoa Summit color palette (#F0E2CE, #624300, #003320, #001527, #130013)
• Worn Ember Orchard color palette (#F4E7D3, #EB6900, #8A6700, #3E5800, #0A0800)

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