Lo azul es una imagen en el fondo en el body o un contenedor (div o similares) superior, con CSS lo puedes poner (background-image). Lo otro un div con fondo de color blanco dentro del anterior el cual se centra en la página (margin auto o similares) y dentro le pones todo lo demás.
<div>//Con fondo imagen (azul)
<div> //Con fondo de color (blanco) y centrado.
//Todo lo demás
</div>
</div>