Terracotta Pier color palette — #FCF3EE · #E49981 · #007F7E · #994023 · #1C281B

A conversation between Burnt Sienna and Camel, giving this palette its sense of balance.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Camel (#E49981): A luminous, balanced orange — the color of toasted spice.
• Teal (#007F7E): A full-bodied, balanced teal — the color of shallow lagoons.
• Burnt Sienna (#994023): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#1C281B): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Balance. Tagged duotone, muted.

Use it as a design system

One click turns Terracotta Pier 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

• Hushed Chestnut Dune color palette (#F9F4ED, #C4AC74, #007D8B, #785B00, #17291C)
• Timeworn Canyon color palette (#FAEEF2, #D4AA86, #687F32, #925200, #00120D)
• Mulberry Pier color palette (#FEF2F1, #D999B3, #757300, #943B66, #292413)
• Hazy Loft color palette (#FFEFE0, #D07300, #006066, #6A3800, #001517)
• Tempered Bronze color palette (#FAF4EF, #E6BB96, #7B9C51, #B96A00, #262513)
• Antique Boulevard color palette (#FFF2EA, #BC7353, #00717A, #643559, #50202C)
• Worn Boulevard color palette (#FFF3E9, #BD8C5E, #49783C, #554176, #403D36)
• Hushed Workshop color palette (#F8F6E7, #8FA547, #006789, #485700, #071D15)

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