Terracotta Harbor color palette — #FCF3EF · #C78774 · #006D62 · #8C2700 · #0F1D09

A conversation between Rust and Pine, giving this palette its sense of balance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Caramel (#C78774): A luminous, balanced orange — the color of toasted spice.
• Pine (#006D62): A full-bodied, balanced teal — the color of sea glass.
• Rust (#8C2700): A full-bodied, balanced orange — the color of autumn markets.
• Ink (#0F1D09): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Balance. 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

• Linen Mulberry color palette (#FFF2EF, #CA828B, #256F25, #950037, #181A04)
• Worn Chestnut Study color palette (#FAF4EE, #D0A47F, #007E8A, #8C4E00, #132A1A)
• Patina Denim Market color palette (#FAF4EB, #AE9760, #00668C, #644C00, #031E15)
• Olive Meadow color palette (#FCEDF2, #CB925B, #447400, #7B4600, #000906)
• Aubergine Thicket color palette (#FFEEE2, #A6643D, #2E6216, #441B82, #481D00)
• Emerald Garden color palette (#FBF4EC, #E7A462, #009B2E, #A35F00, #181A03)
• Ancient Bronze color palette (#F8E8DC, #B55917, #004948, #522200, #000404)
• Tempered Forest Balcony color palette (#FFDCD0, #B9904F, #746E00, #144D00, #003730)

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