Softworn Brick color palette — #FFF0EB · #B80039 · #005433 · #00354A · #28072D

A conversation between Ruby and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF0EB): bright and airy, almost weightless.
• Ruby (#B80039): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#005433): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Teal (#00354A): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#28072D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged jewel, vibrant.

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

• Antique Mulberry color palette (#FFE5E3, #A20073, #304900, #00393E, #1B0B45)
• Hazy Veranda color palette (#FFE1CD, #B24A00, #0D5C0C, #003753, #420038)
• Antique Navy color palette (#FFEADC, #944600, #005150, #002281, #2F001A)
• Linen Summit color palette (#FFE4D5, #B13800, #584800, #002E45, #140200)
• Dusty Station color palette (#FFE1A4, #D44600, #6D4B00, #004048, #421D00)
• Timeworn Bronze color palette (#E2FCE1, #B37500, #8E5C00, #004C5D, #320007)
• Hushed Alley color palette (#F8D7D3, #ED5901, #864A00, #503600, #302A00)
• Washed Cypress color palette (#FFF2EC, #B87E72, #217D64, #335474, #412B2E)

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