Softworn Brick color palette — #FBD3DC · #E4586B · #B51800 · #742500 · #2C1300

Built around Brick, softened by Scarlet — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#FBD3DC): A whisper-light, dusty red — the color of embers at dusk.
• Scarlet (#E4586B): A luminous, vivid red — the color of a theater curtain.
• Brick (#B51800): A full-bodied, vivid orange — the color of toasted spice.
• Rust (#742500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2C1300): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Muted Harbor color palette (#FEDAD7, #E15F38, #974000, #592F00, #291800)
• Feathered Scarlet color palette (#F9DDED, #F24E73, #E2041F, #813C00, #291B00)
• Hazy Delta color palette (#F9E5F1, #C14472, #8D0A00, #522300, #301D00)
• Ember Archive color palette (#F5DAEC, #D75832, #00829A, #922800, #001F26)
• Patina Amber color palette (#FFDADC, #F09D92, #D27D61, #90562B, #593B17)
• Terracotta Harbor color palette (#FFE7F4, #EDB47D, #AE9F3A, #9F393D, #331324)
• Muted Hollow color palette (#F6DACE, #BE4B00, #007C57, #5142B0, #230800)
• Misty Hollow color palette (#FAE6E0, #F76E00, #B16900, #795200, #423400)

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