Softworn Brick color palette — #F2EBDF · #BB1C1D · #4E3900 · #002151 · #280D00

A conversation between Ruby and Midnight, giving this palette its sense of trust and stability.

The five colors

• Cream (#F2EBDF): bright and airy, almost weightless.
• Ruby (#BB1C1D): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#4E3900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002151): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#280D00): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Optimism, Energy, Balance. Tagged retro.

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

• Feathered Navy color palette (#EDE2CE, #A44500, #433E00, #160072, #231200)
• Linen Plum Corridor color palette (#E4E2D4, #AF216D, #612C00, #002938, #2E040B)
• Dusty Terracotta color palette (#FADCCE, #A11C08, #00422B, #0F0066, #070044)
• Peony Dune color palette (#F5DAC6, #FB4B82, #BE5700, #4E5800, #1E1200)
• Eclipse Cocoa Study color palette (#FAE4CF, #663800, #24302C, #120F00, #060200)
• Misty Bronze color palette (#F3EADC, #B96A00, #715300, #004425, #221200)
• Tempered Aubergine Drift color palette (#FFDFB2, #B36800, #495A00, #361092, #362600)
• Softworn Fern Meadow color palette (#FFEAE4, #9B743F, #536222, #31375A, #1D2250)

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