Hazy Terracotta color palette — #FFF1F6 · #E7CC97 · #CA7D2B · #A23616 · #2C2900

Burnt Sienna and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wheat (#E7CC97): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CA7D2B): A luminous, balanced gold — the color of honey in a jar.
• Burnt Sienna (#A23616): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#2C2900): 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 Hazy 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

• Dusty Amber color palette (#E0FEEA, #CDD79E, #A9902F, #865200, #142F09)
• Quiet Garnet Loft color palette (#FFF1F7, #E4B159, #BB6400, #911200, #1D1900)
• Feathered Study color palette (#FFEAD8, #C5931F, #9A5600, #703628, #38352E)
• Apricot Drift color palette (#FFEBD7, #F7BB6C, #E48C22, #AC6F44, #39352F)
• Sunlit Cocoa Lantern color palette (#FFDDF0, #AF7939, #7E3400, #46000A, #020100)
• Patina Chestnut color palette (#D5ECDD, #96A067, #715E00, #482A00, #010500)
• Bronze Veranda color palette (#FEF1F5, #C9EEE8, #CAA2AE, #9F6C57, #2F453C)
• Weathered Rose color palette (#F3F4FF, #BB88FF, #E65B7B, #726900, #211234)

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