Partimos del color utilizado para el fondo del Header. Es nuestro color de branding HSB (220,50%,50%).
Si el color de branding tiene poca luminosidad contrastará mal con el negro y si es muy pastel con el blanco, así que tenemos que preparar un color de de fondo alternativo para que contraste con el que no lo hacía.
Obtenemos todas las paletas posibles utilizando tanto QUACKIT como Adobe Colors
El complementario del color de branding es (HSB (40,50%,50%), por lo que lo utilizaremos como fondo para los botones por su alto contraste con el color de marca.
Bajamos el brillo del color de branking hasta un 10% y obtenemos un color casi negro, el HSB (220,50%,10%). Lo utilizaremos como fondo del Footer.
El tono "blanco" se obtuvo manteniendo el mismo hue (219), bajando la saturación al (10%) y subiendo el Brillo al máximo (90%) (hsl(220, 10%, 90%). De esa forma obtenemos un blanco que procede del azul
El tono "silver" se obtuvo partiendo del mismo hue (40) que el complementario, bajando la saturación a 10% y subiendo el brillo a 85% (hsl(40,10%,85%)).