Terracotta Bloom color palette — #F1D9FB · #D88D9D · #B2545D · #9C3037 · #673931

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

The five colors

• Thistle (#F1D9FB): A whisper-light, dusty pink — the color of a candy shop window.
• Dusty Rose (#D88D9D): A luminous, balanced red — the color of late-summer berries.
• Brick (#B2545D): A full-bodied, balanced red — the color of late-summer berries.
• Garnet (#9C3037): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#673931): 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 Bloom 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

• Feathered Rose color palette (#FFD7F7, #F39BBF, #DC626B, #A15344, #5F3B24)
• Chalky Mulberry color palette (#EBE4FF, #D499C6, #B35E91, #913266, #6C3A4B)
• Pale Bronze Quarry color palette (#FFDDF6, #D79079, #BA6338, #864200, #524313)
• Garnet Drift color palette (#FFF0FB, #E4A797, #B15A47, #831E00, #551B0B)
• Brick Orchard color palette (#FEF0FD, #CE8A8C, #7D80CF, #B3293E, #3C3E64)
• Antique Cabin color palette (#FFF0FB, #E7D5D6, #E9B788, #B86969, #614557)
• Pale Ember Terrace color palette (#EEDDDC, #F54E3E, #A32F00, #692500, #382600)
• Tempered Bronze color palette (#FFF0FB, #B97367, #8F7A00, #8A4F8D, #4A2C44)

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