Terracotta Harbor color palette — #FAE3D5 · #D2A37C · #AB6F5B · #85444D · #34302A

A conversation between Coffee and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#FAE3D5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D2A37C): A luminous, dusty gold — the color of afternoon light on wheat.
• Mocha (#AB6F5B): A luminous, balanced orange — the color of sun-warmed clay.
• Coffee (#85444D): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Washed Grove color palette (#F4E6D0, #B2B277, #957D47, #79512E, #31312A)
• Hushed Bronze Studio color palette (#EDDCD1, #C29463, #A15E3D, #783537, #2E2200)
• Amber Lantern color palette (#F6E4D9, #E7B59A, #DC8261, #AA6457, #352F2A)
• Dusty Amber Archive color palette (#FFF0FA, #F0BB91, #C86D50, #7A474D, #0E2814)
• Muted Garnet Boulevard color palette (#F5E1EE, #B0899E, #8A533F, #71291F, #442434)
• Hushed Pier color palette (#ECDFFF, #D996D8, #B6607C, #992C31, #4A2000)
• Dusty Workshop color palette (#FDF4E3, #D2CBAA, #AA9978, #996930, #4B4B00)
• Bronze Corridor color palette (#FEEBD5, #947B13, #724800, #521E00, #0B0D00)

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