Terracotta Harbor color palette — #F3DAE3 · #CBAD75 · #BA804E · #9F5240 · #292500

Built around Burnt Sienna, softened by Caramel — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F3DAE3): A whisper-light, dusty rose — the color of pressed rose petals.
• Camel (#CBAD75): A luminous, balanced gold — the color of afternoon light on wheat.
• Caramel (#BA804E): A luminous, balanced gold — the color of afternoon light on wheat.
• Burnt Sienna (#9F5240): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#292500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, 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

• Worn Bronze color palette (#FAE2CC, #C59456, #A1600F, #763B09, #332000)
• Patina Amber color palette (#CFE9D7, #B0B87C, #A78C2B, #8D602F, #002B26)
• Apricot Drift color palette (#FFE7EF, #E2C577, #D59448, #B4694B, #373900)
• Timeworn Atelier color palette (#EAFAEF, #B1DBCB, #BCAC76, #A18160, #26443F)
• Soft Terrace color palette (#EED8ED, #F490BF, #D96766, #A84C00, #321F00)
• Worn Garnet color palette (#F9E0CA, #A67F30, #7E4400, #5D1100, #110F00)
• Olive Alley color palette (#DBECE3, #809B53, #797000, #664500, #001002)
• Antique Coast color palette (#F5E5F5, #FD628E, #A07B00, #007B3B, #0B102C)

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