Podrías hacerlo guardándolo en el [LocalStorage](https://developer.mozilla.org/es/docs/Web/API/Window/localStorage).


Ejemplo [JSFiddle](https://jsfiddle.net/de684m7L/):

    <select name="seleccion" id="">
      	<option value="red">red</option>
      	<option value="green">green</option>
      	<option value="yellow">yellow</option>
      </select>
    
      <div id="cuadro" style="width: 100px;height: 100px;">
      	
      </div>
        <script>
    
        if (typeof(localStorage) === "undefined") {
            alert("no soporta localstorage")
        }
    
        if (localStorage.getItem('background-color')) {
            let color = localStorage.getItem('background-color');
            $("#cuadro").css("background-color", color);
            $(`option[value="${color}"]`).attr('selected', 'selected');
        }
    
        $('select').on('change', function() {
            //console.log( this.value );
            if (this.value == 'red') {
                $("#cuadro").css("background-color", "red");
                localStorage.setItem('background-color', 'red');
            } else if (this.value == 'green') {
            	$("#cuadro").css("background-color", "green");
                localStorage.setItem('background-color', 'green');
            }else{
            	$("#cuadro").css("background-color", "yellow");
                localStorage.setItem('background-color', 'yellow');
            }
    });
    </script>

Si lo deseas, puedes crear una función para mayor facilidad:

    function local(attribute,value=null){
    	if(value)
    		return localStorage.setItem(attribute,value);
    	return localStorage.getItem(attribute);
    }
    // set property
    local('background-color', 'yellow');
    // get property
    local('background-color');