Terracotta Harbor color palette — #EAF8F8 · #2A9161 · #9A4223 · #563A00 · #19302A

Burnt Sienna and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF8F8): a clean, paper-quiet neutral.
• Fern (#2A9161): A full-bodied, balanced teal — the color of sea glass.
• Burnt Sienna (#9A4223): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#563A00): A deep, shadowed, dusty gold — the color of old brass.
• Deep Forest (#19302A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Cerulean Grove color palette (#E4F5FF, #0093B9, #884700, #59310D, #051A17)
• Weathered Courtyard color palette (#E8F8FF, #007F90, #655000, #2C4600, #00272C)
• Washed Azure Grove color palette (#E7FBF2, #24A2DC, #AA653C, #825337, #2D2E19)
• Softworn Bronze color palette (#F7F3FD, #B0749B, #9D5400, #584E11, #263B38)
• Quiet Plum Atelier color palette (#F6F3FF, #995096, #8B3B00, #553E00, #122F2A)
• Antique Mulberry color palette (#EFF6FF, #5175B6, #903582, #742127, #3C242D)
• Powdered Lilac color palette (#EFF6FF, #89B3EE, #B78BD7, #94791D, #17283B)
• Washed Petrol color palette (#F1F6FB, #D9D9E3, #C1BDD5, #567799, #404951)

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