Как задать изображение и цвета блока одновременно (CSS)?

Использовать background-color и background-image. Если изображение меньше элемента, надо использовать background-position, чтобы поместить куда необходимо. Чтобы картинка не повторялась и не заместила весь фон, нужно использовать background-repeat:

background-color: #000;
background-image: url(image.jpg);
background-position: right; /*Например справа размещаем картинку*/
background-repeat: no-repeat;

Компактная запись:

background: #000 url(image.jpg) right no-repeat;

Если использовать два свойства background, то первое описанное будет игнорироваться:

background: #000; /* Игнорируется */
background: url(image.jpg) right no-repeat;

Методом научного google-тыка разобрался.

Вместо базового #fff принимает свойство в формате градиента:

background: linear-gradient(#fff, #fff), url(/assets/templates/default/images/background-big-1.jpg);