Softworn Brick color palette — #FFF2EC · #B73926 · #5F4A00 · #002436 · #040000
Brick and Bronze set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Brick (#B73926): A full-bodied, vivid orange — the color of sun-warmed clay.
- Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.
- Midnight (#002436): A deep, shadowed, dusty blue — the color of deep harbor water.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Sophistication. Tagged jewel, vibrant, muted.
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
- Mulberry Study color palette (#FFF2F0, #A82269, #694200, #002529, #040001)
- Nocturne Market color palette (#F7DBC6, #954600, #2A342E, #171200, #030100)
- Antique Drift color palette (#FFECC9, #D25795, #784800, #002761, #0E0001)
- Weathered Study color palette (#FFF2EE, #C52749, #8C0026, #00321E, #030004)
- Airy Aubergine color palette (#FFF3E3, #926700, #0F4E04, #290068, #020100)
- Washed Terracotta Harbor color palette (#FFCDF6, #DC798B, #9B4100, #392B00, #040700)
- Hushed Brick color palette (#FFF2ED, #DEDAC9, #C4BAA3, #AB2334, #180703)
- Frosted Rose color palette (#F0E2F2, #F54474, #007337, #005774, #09041E)
Browse the whole catalog at Explore, or see today's palette.