Terracotta Alley color palette — #F9F0EC · #D8867F · #3C7500 · #9C191F · #070700

Garnet and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9F0EC): bright and airy, almost weightless.
• Coral Clay (#D8867F): A luminous, balanced orange — the color of toasted spice.
• Olive (#3C7500): A full-bodied, balanced green — the color of new leaves after rain.
• Garnet (#9C191F): A full-bodied, vivid orange — the color of sun-warmed clay.
• Ink (#070700): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Pale Mulberry color palette (#FAEFED, #DE7BA3, #666A00, #9A0559, #090600)
• Airy Canyon color palette (#F9F0E9, #DD893B, #007848, #7E4400, #050800)
• Faded Rust Veranda color palette (#FDF1FA, #FF917C, #7B8A00, #B44C3A, #071D16)
• Soft Rust Station color palette (#FFEEE4, #B75026, #006046, #262375, #170600)
• Amber Boulevard color palette (#F0DFDB, #D3893E, #7F6500, #363E00, #012003)
• Quiet Rust Meadow color palette (#F0E3DC, #C54C17, #334D00, #5F1D00, #010100)
• Misty Amber Workshop color palette (#F7E6D1, #C86F2C, #5D6000, #332879, #241400)
• Mustard Grove color palette (#F7F2E2, #B2AC3B, #007B78, #635E00, #000D01)

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