Softworn Brick color palette — #FFF3E8 · #D65B8B · #B11530 · #554300 · #5A1C2E

A conversation between Ruby and Hot Pink, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Hot Pink (#D65B8B): A luminous, vivid rose — the color of a warm blush.
• Ruby (#B11530): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#554300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Mulberry (#5A1C2E): A deep, shadowed, balanced red — the color of late-summer berries.

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

• Pale Terracotta color palette (#FEEBD6, #BB6C6C, #8E4020, #404400, #4D211C)
• Quiet Ridge color palette (#FFF2EA, #B66CB7, #98346D, #683700, #4F2246)
• Aged Archive color palette (#F8E3CA, #B32F23, #612B00, #1E2900, #2D0700)
• Hushed Quarry color palette (#DAFFF1, #D57DF6, #D83658, #006968, #492840)
• Hazy Alley color palette (#FBF3CC, #B66CDB, #B21346, #00484B, #2E0D28)
• Fern Orchard color palette (#FFF3E4, #C48670, #925B23, #2F5B01, #423C37)
• Muted Rose Harbor color palette (#FFF1F0, #FFB6F5, #FF83B9, #F4184E, #561E32)
• Plum Station color palette (#FBE2DF, #BC006C, #441C24, #2E0A09, #110602)

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