Terracotta Villa color palette — #F1D9DC · #83423F · #522510 · #191800 · #020400

Coffee and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#F1D9DC): A whisper-light, dusty red — the color of late-summer berries.
• Coffee (#83423F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#522510): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#191800): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#020400): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged vintage, retro, muted, dark.

Use it as a design system

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

• Tempered Cocoa color palette (#FAD5E1, #AD6167, #7F382D, #392F00, #151800)
• Obsidian Terracotta Delta color palette (#F2DFDC, #9F3934, #590008, #1B0001, #050000)
• Worn Garnet Dune color palette (#DCDDF3, #966891, #7E2F36, #002D26, #000103)
• Garnet Canyon color palette (#F7E4DE, #871F30, #3C3F00, #40000D, #010100)
• Shadow Fern Summit color palette (#F9EDD6, #635900, #2A2C00, #2D000D, #010100)
• Velvet Garnet Station color palette (#F6DBD6, #710035, #472900, #2D005B, #040001)
• Washed Chestnut color palette (#FDDFC7, #937753, #62520A, #003B22, #001B14)
• Navy Lantern color palette (#E3E7DB, #547CA3, #00387C, #001D2C, #00000D)

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