Terracotta Harbor color palette — #FCF3EF · #DB9C95 · #5B7B25 · #974039 · #27250E

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

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Rosewood Mist (#DB9C95): A luminous, dusty orange — the color of sun-warmed clay.
• Olive (#5B7B25): A full-bodied, balanced green — the color of new leaves after rain.
• Burnt Sienna (#974039): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#27250E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Courtyard color palette (#FCF3EC, #D3A37D, #1E806C, #8D4D00, #1D2816)
• Wandering Lagoon color palette (#FEF2F2, #D29BBF, #8C6800, #8F3B78, #2D2211)
• Olive Basin color palette (#FFF3E4, #C38861, #6B6F20, #454878, #413C36)
• Aged Rust Harbor color palette (#FAF4F0, #ECB79A, #B38814, #C75D00, #2C2211)
• Weathered Summit color palette (#FFEDE9, #D3A171, #8B712E, #535900, #004D19)
• Timeworn Boulevard color palette (#FFEEE2, #DD6702, #006635, #713100, #001708)
• Hushed Bronze Thicket color palette (#FAF4EE, #DADBD3, #BCC1B6, #906B50, #4F463D)
• Timeworn Studio color palette (#FFF3E3, #F3D6C1, #D7B065, #639457, #3D3A33)

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