Midnight Terracotta color palette — #F5DDD7 · #8E3200 · #522000 · #270F00 · #080600

A conversation between Burnt Sienna and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F5DDD7): A whisper-light, dusty orange — the color of toasted spice.
• Burnt Sienna (#8E3200): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#522000): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#270F00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#080600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged dark, muted, warm.

Use it as a design system

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

• Velvet Chestnut Pier color palette (#F1E0CD, #865700, #3D2400, #141910, #0F0600)
• Dusty Cocoa Coast color palette (#FFE9D2, #744400, #004B31, #311A00, #000804)
• Lowlit Mulberry color palette (#FFD9E2, #A40142, #63001B, #380003, #190100)
• Eclipse Onyx color palette (#EDDECE, #593700, #173E00, #48001D, #030100)
• Softworn Amber color palette (#F3E7DB, #B18838, #7B7023, #4D2300, #1A0F00)
• Soft Basin color palette (#EBDBD0, #C27200, #7B4F00, #4D3500, #242800)
• Washed Field color palette (#F2F1E0, #777300, #3C4100, #1D2800, #00150B)
• Wandering Boulevard color palette (#FFE5E2, #008B48, #776200, #0C1007, #030100)

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