Terracotta Harbor color palette — #F8EFF3 · #E99F79 · #887424 · #9D4912 · #041209

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

The five colors

• Ivory (#F8EFF3): a clean, paper-quiet neutral.
• Melon (#E99F79): A luminous, balanced orange — the color of sun-warmed clay.
• Walnut (#887424): A full-bodied, balanced green — the color of new leaves after rain.
• Burnt Sienna (#9D4912): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#041209): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Terracotta color palette (#F6EFF6, #DEA1A3, #AA5F26, #A33D49, #170910)
• Washed Quarry color palette (#ECF4EF, #C7B363, #5A8244, #776300, #00120F)
• Muted Summit color palette (#FBF3F0, #DC9B97, #408037, #AE1D29, #242615)
• Ancient Bronze color palette (#FFE3C4, #CEAE76, #917624, #584C00, #262600)
• Bronze Corridor color palette (#E0F9E7, #B9965C, #786C13, #005342, #0F2917)
• Rust Basin color palette (#FAF4F0, #EDB69C, #B18834, #C55F24, #2D2211)
• Worn Amber Boulevard color palette (#E4F2E2, #CB8300, #5E6000, #6A4200, #040400)
• Weathered Bronze Lagoon color palette (#F8EFF2, #CBD6D7, #AFBDBA, #986942, #35282D)

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