Softworn Brick color palette — #F2D4E6 · #CA6381 · #B3120D · #5A2C00 · #272D02

Ruby takes the lead with Hot Pink close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F2D4E6): A whisper-light, dusty pink — the color of neon signs at night.
• Hot Pink (#CA6381): A luminous, balanced red — the color of embers at dusk.
• Ruby (#B3120D): A full-bodied, vivid orange — the color of autumn markets.
• Espresso (#5A2C00): A deep, shadowed, balanced gold — the color of old brass.
• Deep Forest (#272D02): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. 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

• Misty Scarlet color palette (#EADADD, #F26668, #D11200, #823200, #472500)
• Rose Thicket color palette (#FAE9EC, #DD5159, #A51F00, #551E00, #231000)
• Chalky Mulberry color palette (#E4DCEB, #B060A3, #AA0056, #7B010B, #501B00)
• Sunlit Ember color palette (#F3DBDC, #CF694B, #844D00, #504000, #1A3510)
• Aged Garnet color palette (#EDD7E5, #B9634A, #007694, #822200, #002E3C)
• Timeworn Grove color palette (#FFE3DE, #A95200, #573700, #272300, #001507)
• Sunlit Amber Atelier color palette (#FFDECD, #C77F3B, #773F00, #491C00, #260C00)
• Antique Ember color palette (#F0D9F7, #8FB5FF, #D05800, #2D1C00, #1D0E17)

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