Terracotta Basin color palette — #F0D8FC · #DB919F · #BC5A6A · #972D38 · #663733

A conversation between Garnet and Brick, giving this palette its sense of warmth and comfort.

The five colors

• Thistle (#F0D8FC): A whisper-light, dusty violet — the color of a velvet chair.
• Rosewood Mist (#DB919F): A luminous, balanced red — the color of embers at dusk.
• Brick (#BC5A6A): A full-bodied, balanced red — the color of late-summer berries.
• Garnet (#972D38): A full-bodied, balanced red — the color of late-summer berries.
• Cocoa (#663733): 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 Terracotta Basin 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

• Aged Mulberry Veranda color palette (#EBE5FF, #C893BC, #AC598E, #8A2F62, #5F3545)
• Misty Chestnut color palette (#FFE3F8, #DC927D, #B8623C, #924400, #664225)
• Coral Thicket color palette (#FED2F0, #F299BB, #E66374, #9E493C, #48423D)
• Feathered Studio color palette (#FFF0FA, #EAAD9C, #A75643, #781A00, #501608)
• Patina Plum Harbor color palette (#FDF0FE, #CF898F, #7982CE, #B22947, #383D6F)
• Timeworn Atelier color palette (#FFF0FB, #E7D5D6, #E9BFA0, #AC6165, #584351)
• Ember Field color palette (#FFE7E6, #F25B4F, #AD3000, #792D00, #452F00)
• Tempered Pewter Bloom color palette (#FFF0FD, #BF6F69, #957704, #864F95, #482D45)

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