Terracotta Loft color palette — #FFF1F6 · #DFD099 · #CC7C10 · #A82D1C · #222D00

Burnt Sienna takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#DFD099): A whisper-light, dusty green — the color of new leaves after rain.
• Mustard (#CC7C10): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#A82D1C): A full-bodied, vivid orange — the color of toasted spice.
• Deep Forest (#222D00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

One click turns Terracotta Loft 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 Boulevard color palette (#E3FDE8, #CED791, #B08C37, #954600, #083108)
• Gentle Garnet Harbor color palette (#FFF0F8, #DAB477, #C35C00, #93002B, #1A1900)
• Worn Apricot color palette (#FFEBD6, #EDC06E, #E58C00, #BA6637, #403502)
• Pewter Cabin color palette (#FFF0FA, #F9D0DD, #C98D7A, #975364, #1A3928)
• Gentle Amber Parlor color palette (#FFDFEA, #C9962B, #985B00, #6B310C, #042313)
• Frosted Rose Harbor color palette (#F7F3FF, #FFB2E9, #EE5459, #8C4B00, #312700)
• Cocoa Station color palette (#F2D8E8, #AE7A3B, #852B00, #44001A, #020100)
• Muted Loft color palette (#CDEFDA, #8BA466, #6F5F00, #4A2800, #000502)

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