amigo te lo planteo de otra forma mas simple y menos engorrosa
corrige tu codigo asi
<head>
<script type="text/javascript">
function Color(bgColor){
document.bgcolor = bgColor;
}
</script>
</head>
<body onclick="Color('white')">
<div id="contenedor" onclick="blanco()">
<input type="button" class="boton" value="Rojo" onclick="Color('red')"/>
<input type="button" class="boton" value="Verde" onclick="Color('green')"/>
<input type="button" class="boton" value="Azul" onclick="Color('blue')"/>
</div>
</body>
basicamente lo o que hice fue eliminar funciones rebundantes y dejar el javascript en el body por q el head es lo primero que se carga y asi te aseguras que siempre se carguen tus funciones espero el codigo te ayude