Soft Brick color palette — #FFF1F6 · #FFC0CE · #ED6976 · #AC0412 · #450C00

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Shell Pink (#FFC0CE): A whisper-light, dusty red — the color of embers at dusk.
• Watermelon (#ED6976): A luminous, vivid red — the color of late-summer berries.
• Garnet (#AC0412): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#450C00): A deep, shadowed, balanced orange — the color of toasted spice.

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

Use it as a design system

One click turns Soft Brick 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

• Chalky Cocoa color palette (#FFF1F2, #FFB7AF, #C86F55, #833400, #301400)
• Plum Balcony color palette (#FFDFEB, #F26793, #C70044, #8D020F, #681300)
• Gentle Chapel color palette (#ECDBD8, #EB7045, #A14700, #422100, #080300)
• Pale Scarlet color palette (#F4DEFF, #FFA8DB, #FE728C, #D43800, #502900)
• Airy Quarry color palette (#FDF0FF, #FFB8F0, #D865AF, #A61C63, #580024)
• Gentle Plum Field color palette (#F5D7FF, #E77DC8, #C50042, #782300, #291300)
• Washed Grove color palette (#FFF3E7, #FF9FAF, #C96453, #635900, #44161B)
• Weathered Coral color palette (#FFF2EF, #EAD9DA, #BCBAAB, #FF8279, #520F1E)

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