Softworn Brick color palette — #F6D4E0 · #F8627E · #B90024 · #6D1600 · #130400

Ruby and Rose set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#F6D4E0): A whisper-light, dusty rose — the color of a warm blush.
• Rose (#F8627E): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B90024): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#6D1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#130400): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: 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 Rose Meadow color palette (#FFE3E3, #F54D41, #B43700, #5B2D00, #170900)
• Quiet Plum color palette (#FFE7F8, #E15496, #B9005B, #700020, #1A0100)
• Dusty Ember color palette (#FFE9DF, #EC5C4A, #00899E, #940700, #00090D)
• Dusty Cabin color palette (#FFE8EB, #C93C54, #9A001E, #590202, #380A00)
• Pale Apricot color palette (#FFEDE6, #FF8751, #A94500, #3B1300, #040000)
• Peony Corridor color palette (#FADFF3, #FD409A, #DE0E2C, #934100, #321F00)
• Misty Market color palette (#FDE3D6, #D07400, #8F5C00, #4C3600, #151000)
• Feathered Market color palette (#FFDFD9, #FF9068, #D16800, #704400, #2A1C00)

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