Terracotta Drift color palette — #F2D8E9 · #B07A4C · #8B381D · #5C1F2A · #312100

A conversation between Burnt Sienna and Caramel, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F2D8E9): A whisper-light, dusty pink — the color of neon signs at night.
• Caramel (#B07A4C): A luminous, balanced gold — the color of old brass.
• Burnt Sienna (#8B381D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Mulberry (#5C1F2A): A deep, shadowed, balanced red — the color of a theater curtain.
• Onyx (#312100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm.

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

• Dusty Cocoa color palette (#EEDACE, #A67B64, #863C1E, #5C1107, #1A0900)
• Chestnut Canyon color palette (#F7E0EC, #AF916B, #8B5434, #68312F, #1E3728)
• Tempered Meadow color palette (#D7E7DA, #8D8C44, #6C5100, #532B00, #192A03)
• Powdered Corridor color palette (#FBE7DC, #DCA477, #D36D4C, #9A535C, #312004)
• Hazy Chapel color palette (#F2E7F2, #C8656F, #505400, #7D0025, #00120A)
• Gentle Garnet color palette (#E5D9E8, #909144, #68002A, #300010, #130516)
• Weathered Terrace color palette (#ECFAEA, #90B09B, #8B6C46, #674659, #244539)
• Softworn Olive color palette (#DBEBDD, #726A00, #4A3400, #2F1400, #070E00)

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