50 paletas de colores visualmente impactantes para tu inspiración

Paletas de colores para sitios web

Por si no lo sabías, Facebook es azul porque Mark Zuckerberg es daltónico y no distingue los colores rojos y verdes.

“El azul es el color más intenso para mí; lo veo todo azul”, dice Zuckerberg. Si bien esta elección de color no parece muy científica, sí demuestra que la elección de color es algo en lo que se piensa mucho. Como lo escribe Buffer, más del 90% de nuestra evaluación de un producto se realiza únicamente en el color, así que tiene sentido que se considere cuidadosamente el color para toda decisión de diseño, en particular para sitios web. Es muy probable que si no nos gusta la paleta de colores, no permaneceremos en el sitio mucho tiempo. Para que comiences tu propia paleta, reunimos 50 sitios web estupendos con combinaciones de colores versátiles con las que te puedes inspirar. Sin más preámbulo, sumerjámonos en algunos colores hermosos.

01. Paleta de colores divertido y Profesional

Mark Dearman

Esta paleta limpia y vibrante por Mark Dearman combina a la perfección los colores de acento cálidos con un fondo azul limpio para lograr no solo una paleta nítida y profesional, sino también muy acogedora. Intenta usar colores que tengan un alto contraste entre sí para conseguir ese efecto limpio.

02. Inspirado en la Historia del Arte

Fabrique

Cuando tengas dudas, busca inspiración para el color a partir de tu contenido. Este sitio para el Museo de Van Gogh por Fabrique utiliza los colores texturizados vibrantes por lo que son reconocidas sus obras. Al combinar amarillos cálidos, azules intensos y verdes fríos, creas una paleta simple y flexible con un significado.

03. Tonos Apagados

The Martin Agency

Este sorprendente diseño de por The Martin Agency usa tonos apagados de dorado y blanquecinos en contraste con negros y blancos más intensos para dar origen a un contraste increíble. Simple, minimalista y elegante, esta paleta es idónea para cualquier diseño sofisticado en el que te embarques.

04. Moderno y Limpio

Benedict Leicht

Este ejemplo fino y moderno por Benedict Leicht usa distintos tonos de naranja y azul para crear una paleta de colores alegre y enérgica. Cuando uses tonos brillantes, intenta equilibrarlos con blancos más neutros o grises claros, como se muestra en este ejemplo, para mantener la diversión sin llegar a abrumar.

05. Tonos Neón y Fuerte Contraste

Play.agency

Esta página web por Play.agency tiene una paleta de colores que toma un enfoque de contraste fuerte y llamativo al combinar un fondo negro intenso con vistosos colores de acento neón. Al contrastar negro con morados, azules y rosas, puedes crear un efecto bastante llamativo.

06. Apagado y Minimalista

Inga Gudoniene / MIOS

Este ejemplo por Inga Gudoniene / MIOS combina colores más suaves, no saturados y más apagados para crear un aspecto elegante. Puedes lograr este efecto atemporal y elegante al seleccionar imágenes con un tono frío no saturado y combinándolas con un gris frío.

07. Cálido y Llamativo

Lush Digital

¿Buscas una combinación sofisticada de colores cálidos y fríos para crear una atmósfera única? Sigue el ejemplo del libro de Lush Digital  — combina rojos y azules vibrantes con índigos y morados más oscuros para crear un efecto fantástico y llamativo.

08. Limpio y Resaltado

Departika

Esta paleta de colores por Departika tiene un aspecto limpio y profesional gracias a los azules, grises y blancos tenues. No obstante, esta paleta capta la atención y resalta los elementos centrales al añadir un color vibrante distintivo a la mezcla. Deshazte de los colores claros y suaves con un tono más impactante para crear un atractivo contraste.

09. Tonos Cálidos

Studio Recode

Este ejemplo por Studio Recode también mantiene las cosas con un aspecto limpio y minimalista, pero le da un toque más cálido. Al usar tonos cálidos de marrón muy claro como el color de fondo neutro y compensándolos con los tonos cálidos en las imágenes y letras, esta paleta mantiene una apariencia atractiva y limpia.

10. Fino y Moderno

Frost Festival

Una estupenda manera de darle su propia marca a tu sitio es otorgarle un color focal dominante, como se muestra en este ejemplo para Frost Festival. Al usar un turquesa llamativo como el color principal y complementándolo con toques de naranja pálido, grises y colores menta, esta paleta mantiene un aspecto fresco, moderno y sencillo.

11. Frío vs. Cálido

Akaru

Al combinar tonalidades cálidas con frías, fácilmente puedes lograr una paleta muy impresionante. Este ejemplo por Akaru contrasta naranjas y amarillos cálidos con tonos de grises metálicos y plomizos fríos para dar origen a un efecto dinámico e intenso.

12. Pasteles Bonitos

B/C Designers

Los colores pastel no pertenecen únicamente a las paredes de las guarderías. Este sitio web por B/C Designers utiliza colores rosa pastel limpios y brillantes, azules y naranjas para crear una paleta divertida, brillante y atractiva. Cuando uses colores pastel, trata de combinarlos con suficiente espacio blanco para mantener esa apariencia fresca y ligera.

13. Intenso e Impactante

Magoz

Si los colores pastel no son lo tuyo, podrías considerar echarle un vistazo a los brillantes e impactantes colores vintage como se muestra en el siguiente ejemplo por Magoz. A pesar de que este ejemplo usa muchos colores al mismo tiempo, todo permanece cohesivo y lógico con la consistencia de la calidez del esquema.

14. Matices y Tono

Romain Bouchereau and Vincent Fréman

Una fantástica manera de agregar dimensión a tu paleta manteniendo las cosas minimalistas es usar una variedad de matices de un color. Esta página limpia y elegante por Romain Bouchereau y Vincent Fréman hace justamente eso al usar matices ligeramente diferentes de un color durazno neutro que complementa el color morado principal.

La imagen del encabezado de la página es un carrusel de imágenes, cada una de diferente color, échale un vistazo en vivo y en directo aquí.

15. Toque de Color

Magnium Themes

Este ejemplo por Magnium Themes introduce un par de ráfagas intensas de color a la mezcla para crear un efecto alegre y elegante. El contraste de azules, naranjas y amarillos con el fondo gris neutro da lugar a un efecto profesional y vibrante al mismo tiempo.

16. Elegante y Sofisticado

Julian Damy

Por lo general pensamos que el blanco y el negro son los colores más sofisticados, pero mira cómo este ejemplo por Julian Damy logra conseguir ese aspecto sofisticado usando tonos de azul oscuro y elementos resaltados sutilmente en dorado. Otra paleta inspirada por la historia del arte, esta colección de colores es atemporal y hermosa.

17. Inspirado en el Verano

StrADegy Advertising

Lo primero que se nos viene a la cabeza cuando pensamos en diseños de verano son colores rojos y naranjas, pero mira cómo este sitio por StrADegy Advertising pudo capturar la calidez de la estación usando únicamente corales, azules y colores tierra. Una paleta de colores sencilla, minimalista y fácil de usar inspirada en el verano.

18. Profesional y Moderno

Avondale Type Co.

¿Buscas una paleta que transmita profesionalismo, pero que no parezca aburrida o anticuada? Échale un vistazo a esta paleta usada en Avondale Type Co. Las mezclas de tonos grises, azules marinos oscuros y amarillos llamativos combinados con el diseño fino, liso y moderno pueden crear un diseño autoritario pero fresco.

19. Negros Intensos y Resaltados Vibrantes

Cantina dei Colli Ripani

Si estás en busca de un diseño más impactante y contemporáneo, trata de incorporar salpicaduras intensas de negro y blanco con unos toques vibrantes de color, como lo hace el ejemplo para Cantina dei Colli Ripani. El contraste entre los colores resaltados y los negros produce un efecto llamativo, intenso y divertido.

20. Degradados Limpios y Azules Frescos

SHIBUI

¿Alguna vez viste un sitio web y pensaste que se veía ‘limpio’? Una excelente forma para lograrlo, como lo ha hecho este sitio por SHIBUI, es usar degradados. La paleta de este sitio se conforma de los colores frescos azul y turquesa que han sido desvanecidos entre sí en un degradado para conseguir un efecto tranquilizante, limpio y fresco.

21. Divertido y Elegante

Huemor

Este sitio por Huemor tiene una paleta ligera, moderna, divertida y agradable. Usando colores brillantes, mucho espacio blanco, y un azul neutro frío para equilibrar la calidez, esta paleta es un excelente ejemplo de cómo los colores pueden crear o destruir el diseño de un sitio.

22. Lujoso y Moderno

Zach Klein

Esta paleta de colores por Zach Klein lleva un mundo de lujo, sofisticación y carácter al diseño de sitios web. Combinando azules marinos, colores tierra cálidos y una pizca de rojo vivo, este sitio permanece con una apariencia moderna, minimalista y muy sofisticada.

23. Único e Impresionante

Great Works Copenhagen

Este sitio web por Great Works Copenhagen toma un enfoque de color mucho menos neutro y, en su lugar, elige una paleta mucho más brillante. Al elegir un color rojo llamativo y combinarlo con diversos tonos de azul y azul marino, este sitio equilibra su aire profesional con un estilo único y divertido.

24. Combinaciones Inesperadas de Colores

Intesys S.r.l.

No muy a menudo se combinan los colores morado y verde, pero este sitio por Intesys S.r.l. demuestra que tal vez debería hacerse con mucha más frecuencia. La intensidad del morado contrasta sorprendentemente con el vibrante color lima y los blancos intensos para crear un único y memorable diseño.

25. Inspirado en lo Retro

Lowdi

Esta paleta de colores para Lowdi canaliza todo lo clásico utilizando colores vivos y cálidos. Esta paleta inspirada en lo retro tiene mucha personalidad y energía con un estilo claramente moderno. Considera usar un color amarillo muy pálido en vez de blanco para contribuir a la perfección de este efecto.

26. Antiguo y Limpio

Pier-Luc

Esta sencilla y elegante paleta por Pier-Luc le da un toque de encanto al diseño de la página web con su elegante combinación de rojo terroso, verde fresco y grises claros. Al combinar esta paleta apagada con imágenes coloreadas tenuemente, este diseño de sitio transmite sofisticación y un encanto antiguo.

27. Sorprendente y Enérgico

Hyperakt

El sitio infográfico interactivo de Atlassian creado por Hyperakt utiliza colores intensos de alta saturación y los superpone de forma tal que se crea un efecto sorprendente. Nota también cómo estos llamativos colores se equilibran con un bonito color blanquecino neutro. ¡Siempre hay que asegurarse de mantener ese equilibrio!

28. Fresco y Lleno de Vida

Baesman

Este sitio por Baesman es otro ejemplo de cómo pueden usarse los colores brillantes y vibrantes para crear un diseño profesional. Con el uso de colores claros y limpios, equilibrándolos con espacio blanco y un diseño minimalista, este sitio mantiene una atmósfera divertida y vibrante sin perder la elegancia de un sitio web profesional.

29. Limpio y Nítido

BrightMedia

Este ejemplo por BrightMedia es un ejemplo de una paleta limpia, fresca y flexible. Al combinar diferentes tonos de azul con unos cuantos tonos de gris, esta paleta es minimalista y simple sin caer en lo insípido y aburrido.

30. Colorido Sin Choques

Yoke

A veces usar muchos colores puede hacer que un diseño se vuelva abrumador y choque entre sí. Sin embargo, en el caso de este sitio por Yoke, logra hacerlo sin ningún problema usando una paleta completa y brillante. Al apagar ligeramente cada color e incluyendo mucho espacio blanco en el diseño, puedes producir un efecto vibrante y colorido, sin ocasionar que este sea abrumador.

31. Fresco y Apacible

Roll Studio

De nuevo, aunque la forma clásica de indicar el verano y la playa sea usar rojos, amarillos y naranjas, considera seguir el ejemplo del libro de Roll Studio. Expresa una atmósfera playera relajada con algunos morados, turquesas y un toque de naranja para crear una paleta apacible, acogedora y única.

32. Moderno y Apagado

Relax, we are the good guys

La paleta del sitio de Brdr. Krüger creada por Relax, we are the good guys le da vida y personalidad al diseño de la página con tan solo combinar unos cuantos colores claros y tenues. Debido a que cada uno de los colores es un tono apagado consistente en diferentes tonalidades, estos logran acoplarse entre sí de forma natural y efectiva, produciendo una paleta apacible pero moderna con mucha personalidad.

33. Terroso y Fresco

AQuest

Esta paleta para Apparecchiato por AQuest obtiene su inspiración de los tonos terrosos de los vegetales y los combina con espacio blanco para crear una sorprendente paleta limpia y fresca. Simplemente utiliza verdes frondosos, rojos oscuros y morados intensos junto con algo de espacio blanco para recrear este efecto.

34. Saturación y Energía Elevadas

El Burro

Esta paleta para El Burro grita diversión, energía y emoción en todas direcciones. Al usar colores altamente saturados como rosa, lima, azul verdoso y amarillo intenso, puedes reproducir este efecto y crear un diseño que sea impresionante y juvenil.

35. Cálido y Maravilloso

Fieldwork

¿Buscas una paleta que sea apropiada para diseños ligeramente más complejos? Échale un vistazo a esta paleta para Fieldwork que solo utiliza cinco colores pero logra permanecer intrincada y colorida. Al combinar un azul verdoso llamativo con amarillos, rojos y azules marinos más oscuros, puedes lograr una paleta divertida, interesante y flexible.

36. Encanto Clásico

Café Frida

¿Deseas crear un efecto clásico sin parecer pasado de moda o viejo? Mira esta paleta para Café Frida que utiliza dorados, verdes, marrones cálidos y colores blanquecinos para crear un efecto encantador con bastante clase.

37. Tonos Brillantes Fríos

GrowCreate

Este ejemplo para Business Benchmark on Farm Animal Welfare por GrowCreate hace uso de hermosos tonos brillantes de morado y azul con finos degradados para crear una paleta de colores simple pero bastante elegante y llamativa. Además, con un toque ocasional de rosa intenso por aquí y por allá, esta paleta hace que el diseño del sitio continúe siendo interesante, fresco y hermoso.

38. Matices Tempestuosos

Cinco Design

¿Quieres un aspecto más oscuro y elegante, pero no eres un entusiasta del negro? Échale un vistazo a este tempestuoso y variable diseño de sitio web por Cinco Design que utiliza morados, azules y rosas oscuros para producir un efecto elegante y sofisticado.

39. Limpio y Colegial

details.ch

¿Deseas una paleta profesional personalizada con una pequeña pizca de color? Échale un vistazo a esta sofisticada paleta por details.ch que utiliza colores intensos, limpios y colegiales para crear una paleta de colores sencilla. No tengas miedo de salpicar un poco de rosa entre lo azul para darle ese pequeño toque único.

40. Simple y Fresco

MadeByShape

Esta paleta por MadeByShape usa una inusual combinación de colores pero los une de una forma bastante natural. El gris marengo, el salmón, el verde azulado oscuro, el menta claro y los colores beige neutros producen una combinación única y hermosa.

41. Tonos Tropicales

Thomas Schrijer’s Top 10 of 2014

Este hermoso diseño para Thomas Schrijer’s Top 10 of 2014 usa tonos tropicales brillantes para crear un efecto precioso. El uso de amarillos, rojos, verdes y azules cálidos produce una paleta divertida, sencilla y hermosa apropiada para cualquier aplicación enérgica.

42. Colores Distintivos Intensos

Joy Intermedia

Una estupenda manera para evitar que tu paleta sea aburrida es arrojar un color distintivo intenso entre los tonos apagados más neutros. Mira esta paleta por Joy Intermedia que utiliza una base de grises, carbones y azules marinos, pero le da un toque especial con un poco de rojo cereza.

43. Tonos Antiguos

Leibowitz Branding & Design

El sitio web Athena Art Finance, creado por Leibowitz Branding & Design hace uso de tonos antiguos hermosos para crear un diseño elegante y sofisticado con bastante encanto. Usando como inspiración la historia del arte y utilizando morados, azules, verdes oscuros y dorados cálidos, puedes convertir cualquier página web en una maravilla de la sofisticación.

44. Neón e Intenso

Calvi on the Rocks

Este ejemplo por Calvi on the Rocks nos muestra cómo usar exactamente los brillantes tonos neones – al equilibrarlos. Esta paleta consta de un verde intenso, morado vibrante y un toque de azul rey, pero equilibra esa vivacidad con bastante color blanquecino neutro para que no resulte demasiado abrumador.

45. Simple pero Intenso

Mambo Mambo

¿Deseas la sencillez de una pequeña paleta pero la intensidad de una grande? Échale un vistazo a esta paleta por Mambo Mambo que usa amarillo y unos cuantos tonos de verde/azul para crear una paleta muy simple, pero bastante refinada. Esta paleta es tropical, divertida, fresca, y lo mejor de todo, sencilla.

46. Corporativo y Elegante

Ryan Borker, Jermaine Craig, Mike Parsons and Kyle Miller

¿Necesitas un poco menos de brillo y más profesionalismo? Inspírate por los hermosos colores usados en esta paleta por Ryan Borker, Jermaine Craig, Mike Parsons y Kyle Miller. El color distintivo azul marino intenso se combina a la perfección con el fondo blanquecino semimate para crear un diseño simple y estilizado.

47. Moderno y Minimalista

Huemor

Esta paleta por Huemor mantiene el aspecto bastante simple y minimalista al usar una paleta predominantemente monocromática y equilibrándola con unos cuantos toques de naranja para llamar la atención – esto resalta las características importantes y le da vida al sitio. Siempre que tengas dudas, mantén las cosas simples.

48. Divertido y Alegre

Marie Catribs

El color le da personalidad a tu diseño, así que trata de que tu paleta corresponda con la personalidad de tu sitio como lo hizo Marie Catribs aquí. Al usar azules, morados y amarillos divertidos y brillantes, la naturaleza divertida y extravagante del diseño cobra vida.

49. Soleado y Tranquilo

TRAFFIC

¿Quieres crear una página web acogedora y cálida? Por qué no intentas experimentar con tonos cálidos como lo hace TRAFFIC aquí. Al usar amarillos y dorados cálidos, y equilibrándolos con tonos azul marino oscuro, esta paleta se vuelve tranquilizante, apacible y acogedora.

50. Arte Pop

Visualsoft

¿Tu sitio es juvenil? ¿Enérgico? ¿Divertido? Demuéstralo usando salpicaduras de colores brillantes y vibrantes como Visualsoft. Los toques de rosa, amarillo y azul neón entre el elegante diseño minimalista hace que este sitio cobre vida y tenga mucha personalidad.

Depende de Ti

El color puede crear o destruir tu diseño, así que es importante que reflexiones con cuidado siempre que estés diseñando algo, sobre todo sitios web. Determina qué emociones e ideas quieres capturar e intenta crear o reproducir la paleta que sientas que va mejor con tu idea.

 

 

La mejor herramienta para crear diseños increíbles