Softworn Brick color palette — #F2DFD8 · #AF3941 · #003C35 · #4F000E · #000202
A conversation between Brick and Espresso, giving this palette its sense of balance.
The five colors
- Parchment (#F2DFD8): A whisper-light, dusty orange — the color of toasted spice.
- Brick (#AF3941): A full-bodied, balanced orange — the color of sun-warmed clay.
- Deep Forest (#003C35): A deep, shadowed, dusty teal — the color of glacier melt.
- Espresso (#4F000E): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#000202): a grounded near-black with real depth.
Feels like: Balance. Tagged duotone, 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
- Dusty Quarry color palette (#FAE9DB, #9D5100, #003B3D, #3E1C00, #000300)
- Worn Plum Meadow color palette (#F7DDDA, #B71A6D, #323700, #4C0029, #020200)
- Midnight Market color palette (#F8E9D9, #8C3E00, #273600, #16004F, #120900)
- Weathered Bronze color palette (#FFE7E5, #AB5A00, #4E3E00, #0E1E00, #000E06)
- Cocoa Workshop color palette (#FCE6D5, #753500, #002F3D, #19003C, #0D000F)
- Hushed Amber color palette (#F6E9E0, #C46533, #485B00, #722D00, #010200)
- Olive Archive color palette (#EAE4D2, #827900, #004753, #373300, #000502)
- Quiet Rose color palette (#F7EAD9, #FC3337, #8D6E00, #00552E, #0F0E00)
Browse the whole catalog at Explore, or see today's palette.