Terracotta Harbor color palette — #D6FFFA · #198A17 · #A00018 · #583100 · #212100

Garnet takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D6FFFA): A whisper-light, dusty teal — the color of glacier melt.
• Olive Leaf (#198A17): A full-bodied, vivid green — the color of a quiet forest floor.
• Garnet (#A00018): A full-bodied, vivid orange — the color of toasted spice.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#212100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Pale Lantern color palette (#D7FEFF, #00895E, #8D3100, #4F3700, #002B22)
• Olive Lantern color palette (#DFFDF5, #517400, #005E67, #632900, #052A19)
• Grape Orchard color palette (#D6FAFC, #007F5E, #78359F, #770013, #000F08)
• Byzantium Drift color palette (#EEFAE6, #26B686, #8739C5, #982820, #2B2100)
• Aged Navy color palette (#E4FAFF, #007770, #27439E, #3A3900, #042424)
• Cellar Abyss color palette (#C0E9F2, #005951, #432400, #201F00, #000A09)
• Hushed Delta color palette (#EDF6FF, #3293D1, #7D5386, #245743, #2B3940)
• Antique Cypress color palette (#EAF8FB, #CEDBE9, #A7C1CC, #007B73, #324347)

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