Terracotta Harbor color palette — #FFE7EE · #D57D84 · #AA3818 · #633500 · #311F00

A conversation between Burnt Sienna and Watermelon, giving this palette its sense of optimism and warmth.

The five colors

• Blush (#FFE7EE): A whisper-light, dusty rose — the color of a warm blush.
• Watermelon (#D57D84): A luminous, balanced red — the color of late-summer berries.
• Burnt Sienna (#AA3818): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#633500): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#311F00): A deep, shadowed, dusty gold — the color of old brass.

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

• Sunlit Chestnut Pier color palette (#FFDDD5, #CA8457, #8D5500, #564100, #262600)
• Wandering Veranda color palette (#FFE4E2, #E37968, #B93800, #813500, #5B3418)
• Airy Delta color palette (#FFF2F0, #F9A290, #D7663C, #9E4400, #512400)
• Garnet Boulevard color palette (#F3DBCC, #B6906C, #944F30, #6C1E28, #221500)
• Plum Atelier color palette (#EEDFEB, #C1769B, #B43A5F, #85020D, #3A0E00)
• Muted Rust color palette (#FEE6E7, #BC4539, #683000, #341B00, #0C0700)
• Tempered Corridor color palette (#F8E5D8, #C97A4A, #008BA2, #863D00, #002128)
• Hushed Rust color palette (#FFEEE2, #E5D2B6, #A3C47B, #AF4C54, #351D01)

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