Terracotta Harbor color palette — #F2F5FF · #8076AD · #A24B2C · #006056 · #2F313E

A conversation between Burnt Sienna and Slate Blue, giving this palette its sense of creativity and sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Slate Blue (#8076AD): A full-bodied, balanced violet — the color of wild irises.
• Burnt Sienna (#A24B2C): A full-bodied, balanced orange — the color of autumn markets.
• Pine (#006056): A full-bodied, dusty teal — the color of sea glass.
• Deep Teal (#2F313E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Sophistication. Tagged jewel, vibrant, 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 Chestnut Studio color palette (#F9F2FC, #AF6F83, #885D1D, #005F66, #3A313E)
• Washed Bronze color palette (#EFF6FE, #739BCB, #9E5F26, #0B5E6B, #254756)
• Hushed Iris color palette (#FBEEF4, #8278C3, #835E20, #3E593A, #0F1E18)
• Pewter Garden color palette (#EEF6FF, #5788B9, #8E5176, #405620, #28323C)
• Dusty Lagoon color palette (#E6FAFA, #95A6D5, #A35C85, #1D675A, #444658)
• Timeworn Lilac color palette (#F2F5FF, #A194EE, #A17B44, #517652, #293742)
• Washed Byzantium color palette (#F5F3FF, #A036A9, #813A00, #004041, #241C38)
• Aged Atelier color palette (#F3F5FB, #DFD8DE, #B7AAA1, #797FA6, #515258)

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