Worn Terracotta color palette — #FFF1F3 · #FFCBE7 · #ED84A7 · #A8433F · #603729

Brick and Bubblegum set the tone — five colors that lean into warmth and comfort.

The five colors

• Ivory (#FFF1F3): a clean, paper-quiet neutral.
• Thistle (#FFCBE7): A whisper-light, dusty rose — the color of a warm blush.
• Bubblegum (#ED84A7): A luminous, balanced rose — the color of a warm blush.
• Brick (#A8433F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#603729): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Worn 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

• Fuchsia Summit color palette (#FFDCFB, #E983C3, #B0526B, #7E413C, #5E3D53)
• Timeworn Blush color palette (#F2DEE7, #E780AB, #B75675, #783643, #422015)
• Chalky Courtyard color palette (#FFF2F0, #FFD4D3, #EA836B, #AF5900, #4D350B)
• Wandering Atelier color palette (#FFEEF6, #FF9DB6, #E40A17, #8A3400, #3D2000)
• Timeworn Studio color palette (#FFF2EE, #E0DBCE, #ABABB5, #CD96C0, #6D3311)
• Pale Plum color palette (#F2F5FF, #DCCFFF, #C58FDF, #994B91, #5F3146)
• Hushed Apricot color palette (#FFD3C9, #E99056, #A46B00, #664A00, #262600)
• Timeworn Taupe color palette (#FFF3E4, #EADCBA, #B99864, #8E5E40, #33322B)

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