Terracotta Harbor color palette — #F8DAEB · #A34300 · #465F00 · #004129 · #13010C

Built around Burnt Sienna, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F8DAEB): A whisper-light, dusty pink — the color of peonies in June.
• Burnt Sienna (#A34300): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#465F00): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004129): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#13010C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Plum Courtyard color palette (#F2E6F6, #B70C55, #6A5100, #303C00, #0F0213)
• Ancient Bronze Field color palette (#D8F3DE, #A56900, #5C4A00, #003524, #160C00)
• Ancient Garden color palette (#DDF1E6, #796C00, #00561E, #002E2E, #000C18)
• Cellar Spruce Courtyard color palette (#F0DEE4, #643700, #064307, #370028, #030100)
• Dusty Archive color palette (#FFD3C5, #B80037, #005E68, #004046, #2F1007)
• Antique Garnet color palette (#D1E5D5, #876500, #006C4F, #710032, #100900)
• Dusty Ember color palette (#EBE1E8, #DB653D, #724C00, #7B2500, #000300)
• Weathered Chestnut color palette (#EEE7EA, #D5C7CC, #96AA95, #843F06, #1E1118)

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