Terracotta Harbor color palette — #FDF1F8 · #FF9F71 · #008D4F · #A14200 · #000201

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

The five colors

• Ivory (#FDF1F8): bright and airy, almost weightless.
• Melon (#FF9F71): A luminous, balanced orange — the color of autumn markets.
• Fern (#008D4F): A full-bodied, balanced teal — the color of shallow lagoons.
• Burnt Sienna (#A14200): A full-bodied, balanced orange — the color of autumn markets.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Mustard Corridor color palette (#ECF9EE, #EEAE00, #008C62, #805C00, #000202)
• Linen Harbor color palette (#FDF1F6, #FFC190, #00A36F, #AE5F00, #000707)
• Worn Brick color palette (#FDF0FD, #FF99A1, #608400, #B5173E, #000201)
• Sunlit Amber Canyon color palette (#FFF1F5, #DE8E00, #007249, #6C4300, #000202)
• Aged Ember color palette (#F1E1D9, #D16C4E, #00654C, #7D2200, #010300)
• Pale Marigold Workshop color palette (#F4E9DD, #FDA725, #9A9B00, #BA7700, #120D00)
• Marigold Summit color palette (#FFF2EA, #DFA630, #807E00, #255300, #001B11)
• Powdered Marigold color palette (#FFF1F5, #D99100, #4B7D03, #4B207F, #171200)

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