Terracotta Drift color palette — #F5E1ED · #CEA582 · #AD6E57 · #8F3C47 · #173920

A conversation between Garnet and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5E1ED): A whisper-light, dusty pink — the color of a candy shop window.
• Camel (#CEA582): A luminous, dusty gold — the color of old brass.
• Mocha (#AD6E57): A luminous, balanced orange — the color of sun-warmed clay.
• Garnet (#8F3C47): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#173920): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm, muted.

Use it as a design system

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

• Ancient Bronze color palette (#DAEEDB, #B7AF81, #A07837, #844923, #003A2D)
• Hazy Garnet color palette (#F5DCE6, #B99963, #A45D17, #8A210E, #292500)
• Worn Amber Drift color palette (#FFF2EB, #EFBC90, #BC755D, #7B474C, #2C1F09)
• Chestnut Studio color palette (#E8F1EA, #CCB177, #7B5E18, #453200, #071B0C)
• Bronze Canyon color palette (#EEF8F2, #B6D2C7, #7DA78D, #8E6E48, #344D49)
• Muted Bronze color palette (#EFF8F0, #D3AF5F, #00919E, #8F6B00, #001C25)
• Tempered Bronze color palette (#D8E5D7, #917C22, #714900, #511F00, #0A0D00)
• Soft Amber Courtyard color palette (#C1E5F5, #D8B5FF, #E57900, #4F2D12, #25161D)

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