Entre las excelentes opciones de combinación de colores para sitios web, la paleta de colores vintage tiene un lugar especial. Los matices vintage se combinan en una paleta de colores retro. Como resultado, el sitio web tiene un aspecto atractivo a través de esta misma elección de tonos. Los visitantes están cordialmente invitados a un ambiente especial: un momento y una escena con un encanto especial

La siguiente selección de sitios web con paletas de colores vintage está pensada para inspirarte a crear tu propia combinación de colores en el sitio web. Uno u otro podría ser el punto de partida para seleccionar los matices correctos para su sitio web de aspecto retro.

Poc Escultura

El sitio web anuncia las obras de Pierro Caron. No podría ser más apropiado que usar un esquema de colores vintage. Los colores base son colores fríos, que ponen la foto en el héroe de la página de inicio de alguna manera a distancia. En realidad, la foto en sí misma sugiere colores más cálidos (por ejemplo, marrón), pero una superposición viene encima y establece una distancia entre el espectador y esta escena.

Un poco de blanco parece conectar la escena fotográfica con el usuario, ya que está presente tanto en el fondo como en el primer plano, tanto en la imagen como en el logotipo del sitio web. Además, el nombre del escultor está escrito en blanco.

Hardscapestc

El Hardscapestc sitio web tiene una cosecha especial paleta de colores: cálidos matices están cerca de los fríos, precisamente, marrón y azul. Para el esquema de colores, las texturas vintage vienen a completar el aspecto y la sensación de un diseño retro. Los matices oscuros rodean las imágenes y el texto que se muestran en un fondo marrón claro, dentro de una caja centrada. El color de acento es azul, y se usa solo para la barra superior, para crear un fuerte contraste con el marrón extendido por toda la página. Las sombras y delimitadores sirven para acentuar el aspecto vintage de la página de inicio y colocar el contenido en un contexto determinado.

Sproutbox

El ejemplo anterior se refiere a una combinación de marrón y azul. Ahora, SproutBox ejemplifica una combinación de marrón y verde. El efecto es el mismo: un sitio web de aspecto vintage que es agradable de navegar. Es interesante que el gris claro y el verde predominen, mientras que el verde más oscuro y el marrón son los colores de acento. El verde se utiliza para los elementos de menú, el logotipo, los CTA, así como en la imagen. El marrón se usa para la barra superior, para equilibrar el verde en la página. El esquema de color resultante es muy simple y «aireado», y agradable de ver.

Owltastic

Este sitio web tiene una paleta de colores vintage totalmente diferente. También es una combinación de azul y marrón, pero en diferentes concentraciones. El azul oscuro y el marrón claro crean un equilibrio que es difícil de ignorar. Le da un aspecto vintage y parece moderno a través de la innovación, al mismo tiempo. Observe el contraste entre el color del texto y el color de fondo, lo que favorece la legibilidad. Tenga en cuenta que la combinación cromática es muy simple. Se centra en los dos colores ya mencionados: marrón claro para la barra superior, logotipo y gráficos en el fondo, y azul para toda la imagen del héroe.

Boldandnoble

Negrita & Noble justifica su nombre a través de cada detalle en el diseño de la web. El esquema de colores juega con la combinación de algunos colores simples que le dan a las páginas un aspecto vintage. Los tonos son, aquí también, que van del gris al marrón. Para el gris, hay diferentes tonos destinados a diferentes elementos en la página, cada uno marcando una mayor o menor importancia del elemento respectivo. Junto al gris, el marrón es otro color que da peso a los elementos de la página. Otros colores aparecen aquí y allá en la página, solo para crear mejores contornos para la paleta de colores vintage.

Magnetimarelli

Magnetimarelli es un ejemplar de la vendimia sitio web. El esquema de color» minimalista » y simple está formado por algunos tonos de marrón y negro, y un montón de blanco. La foto en el Héroe de la página tiene el aspecto de una imagen de álbumes de fotos antiguos (en blanco y negro). De lo contrario, el color es escaso. Está presente solo para ayudar a la gente a identificar algunos símbolos en la página. La gran cantidad de espacios en blanco sirve para la fácil identificación de los elementos de la página. Además, despierta curiosidad en cuanto a lo que sigue en la página. Curiosamente, la reducción de color se suma a la expresividad de la página: los usuarios casi se puede esperar para la foto de la «cobran vida» y contar una historia…

Portraitsofguilford

El sitio web tiene todos los ingredientes de estilo vintage. La paleta de colores vintage utiliza pocos colores y matices que evocan fotos antiguas. Es notable que el texto en sí tenga fuentes expresivas (están marcadas en blanco, sobre un fondo más oscuro, para una mejor legibilidad). Como con cualquier combinación de colores vintage, este tiene algunos tonos marrones. Y los matices marrones tienen algo de pátina, lo que los hace más auténticos e invita a una exploración del pasado. De hecho, el sitio web trata sobre explorar el pasado a través de álbumes de fotos que se extienden por décadas. Los usuarios pueden navegar de un lado a otro en la línea de tiempo marcada en blanco al final de la pantalla y conservar el aspecto vintage de cada álbum.

Leathermilk

Como usted probablemente ha visto en los ejemplos anteriores, el vintage de la paleta de colores incluye tonos de marrón. Esta vez, el marrón es más oscuro, en combinación con el gris y el blanco. Es interesante que los botones CTA se integren completamente en el esquema de color general, con un matiz marrón claro. Además, los iconos en el menú son del mismo color marrón claro. El texto es blanco, así como el fondo del botón principal de llamada a la acción, lo que lleva el mensaje al frente. Además, la textura de fondo de héroe ayuda mucho a crear este estilo retro.

Baystreetbiergarten

La vendimia de la paleta de color es original: un fondo azul oscuro, una sección de menú transparente y un fondo de botón de llamada a la acción, además de un marrón muy claro (para las imágenes pixeladas). El contraste es expresivo, ya que llama la atención hacia el contenido del sitio web. La impresión de que alguna fuente ilumina los gráficos en el sitio web de Hero contribuye al estilo retro, de una manera interesante. Además, el texto (texto del título, texto de los elementos de menú y texto del botón de llamada a la acción) es blanco, lo que crea contraste con el fondo y aumenta la legibilidad.