If you want to customize a background with multiple layers in CSS, it is possible with background-image property by defining more than one valid background values separated by comma except plain color value. It means you can add several url('...') values but not for #010101 color value. For defining a layer with plain color, you can utilize liniear-gradient with same start and end color value, for example liniear-gradient(to right, #010101, #010101) . Below are some examples. Set an image on top of colored background. background-image: url('image.png'), linear-gradient(to right, #010101, #010101); Set color overlay on top of image. background-image: linear-gradient(to right, rgba(100, 100, 100, .6), rgba(100, 100, 100, .6)), url('image.png');