Viva Magenta: Color del año de Pantone

Incorpora el color del año 2023 de Pantone, Viva Magenta, a tus diseños con estas 6 paletas de colores diferentes.

Viva Magenta: Color del año de Pantone

Rease Rios
Gerente sénior de marketing de contenidos
Ver perfil del autor
Rease Rios
Gerente sénior de marketing de contenidos
Ver perfil del autor
Índice de contenidos

Sitios web de diseño UX de la comunidad de Webflow

Encuentra inspiración en la comunidad de Webflow para tu sitio web de diseño UX.

→
↗
►
↓
←
↑

Sitios web de diseño UX de la comunidad de Webflow

Encuentra inspiración en la comunidad de Webflow para tu sitio web de diseño UX.

→
↗
►
↓
←
↑

Viva Magenta es oficialmente el color del año 2023 de Pantone.

Cada año, el Pantone Color Institute utiliza la psicología del color y una investigación exhaustiva sobre las influencias cromáticas en la sociedad para determinar qué color define las tendencias de diseño en sectores como el diseño web, la moda, el marketing generacional y más allá.

En 2023, el tono profundamente saturado de Viva Magenta dejará huella.

Tanto el color como su nombre transmiten fuerza y celebración. La palabra "viva" se utiliza en muchos idiomas de origen latino para expresar y promover la larga vida de algo. "Viva" se emplea en todas partes, desde eslóganes como "Viva Las Vegas" hasta gritos de orgullo nacional como "¡Viva México!".

Aunque no podemos confirmar que esa sea la razón por la que se eligió el nombre, el Pantone Color Institute describe a Viva Magenta como "expresivo de una nueva señal de fuerza" y "un color palpitante cuya exuberancia promueve una celebración alegre y optimista".

Conoce a Viva Magenta

Puede que el magenta no sea el primer color que te viene a la mente al pensar en la naturaleza, pero no es un tono totalmente artificial. De hecho, Viva Magenta se inspiró en uno de los tintes naturales más antiguos: un rojo derivado de un insecto, la cochinilla.

Aunque Viva Magenta desciende de la familia de los rojos, también se inclina hacia el rosa. La psicología del color nos dice que los tonos rojos tienden a comunicar pasión, amor, poder, vigor y urgencia. Por su parte, los tonos rosas se asocian con el romance, la alegría, el cuidado y la juventud.

Viva Magenta logra un equilibrio entre el rojo y el rosa, comunicando poder con un toque de rebelión juguetona.

Cómo usar el color del año de Pantone en tus diseños

Viva Magenta es un color fuerte que podría dominar un diseño si no se usa con cuidado. Pero también tiene el potencial de darle a tus elementos visuales un toque de color, hacer una declaración audaz o complementar otros elementos de diseño.

Mientras exploras estas paletas de colores, ten en cuenta las relaciones de contraste de color. Los colores oscuros como Viva Magenta pueden no ser la mejor opción para el fondo o el color del texto. Usa el verificador de contraste de color de Webflow o herramientas externas como WebAIM para asegurarte de que tus elecciones de color para texto y fondo sean accesibles para la mayor variedad de visión posible.

Tonos de color Viva Magenta

El Pantone Color Institute eligió Viva Magenta en parte para reconectar con la naturaleza y buscar inspiración en ella. Como era de esperar, su paleta de colores sugerida, el "magentaverso", incluye varios colores naturales y suaves como Pale Dogwood, Gray Sand, Fields of Rye y Plein Air.

Text "Explore the Magentaverse" above 8 color swatches: Pale Dogwood, Gray Sand, Gray Lilac, Viva Magenta, Pale Khaki, Fields of Rye, Agate Gray, Plein Air
Fuente: Pantone Color Institute

En esta paleta en particular, Viva Magenta es el color que atrae todas las miradas entre los tonos neutros. Pero si los grises apagados y los marrones arenosos no son lo tuyo, hay muchas otras formas de aplicar la teoría del color y usar Viva Magenta en tus diseños.

Paleta de colores monocromática Viva Magenta

Las paletas de colores monocromáticas utilizan diferentes tintes, sombras y tonos de un mismo color.

monochromatic magenta color palette with 5 colors and hex codes: #BB2649, #D42B53, #D73B60, #D84D6E, #DF617F

Esta paleta monocromática presenta varios tintes de Viva Magenta con más blanco añadido a cada color, lo que da como resultado colores progresivamente más claros.

¿Qué colores combinan con el magenta?

Paleta de colores análogos al Viva Magenta

Los esquemas de colores análogos suelen incluir tres colores contiguos en el círculo cromático, pero nosotros los hemos ampliado a cinco.

analogous magenta color palette with 5 hex codes: #BB2649, #BB2693, #633075, #BB4D26, #911E04

Para esta paleta de colores análogos, nos aventuramos con los rojos, naranjas y púrpuras que aparecen a ambos lados del Viva Magenta en el círculo cromático.

Paleta de colores triádicos del Viva Magenta

Las combinaciones de colores triádicos suelen presentar tres tonos que forman un triángulo equilátero en el círculo cromático.

triadic magenta color palette with 5 hex codes: #BB2649, #D94567, #49BB26, #5AD534, #2649BB

Para esta paleta triádica, incluimos algunos tonos adicionales de magenta y verde para ampliarla a cinco colores.

Empieza gratis

Crea sitios web personalizados y escalables, sin escribir código. Empieza a construir en Webflow.

→
↗
►
↓
←
↑
Leer ahora

Paleta de colores complementarios del Viva Magenta

Los colores complementarios son probablemente el tipo de combinación más conocido. Estos pares se sitúan frente a frente en el círculo cromático, creando equilibrio. Te hayas dado cuenta o no, es probable que ya hayas elegido un esquema complementario basándote en lo que te resulta visualmente agradable.

Complementary magenta color palette with 5 hex codes: #BB2649, #CF385B, #26BB98, #0CF0BB, #3A6E62

El color en el centro de esta paleta, "mountain meadow", es el complemento directo del Viva Magenta. Esta paleta complementaria incluye colores adicionales de los lados magenta y verde del círculo cromático.

Paleta de colores complementarios divididos del Viva Magenta

Para crear una paleta de colores complementarios divididos, tomamos dos colores complementarios y sustituimos uno de ellos por un color análogo. En este caso, empezamos con el complementario del Viva Magenta, "mountain meadow", y lo cambiamos por un color análogo: un azul oscuro.

split complementary magenta color palette with 5 hex codes: #BB2649, #850D29, #1E341F, #17293A, #304B5F

Tras seleccionar los dos colores base (magenta y azul), completamos esta paleta de colores complementarios divididos con tonos adicionales de las áreas magenta y azul del círculo cromático, junto con un verde bosque intenso.

Paleta de colores tetrádicos del Viva Magenta

Las paletas de colores tetrádicos suelen incluir 4 colores: dos pares de colores complementarios que forman un cuadrado o un rectángulo en el círculo cromático.

tetradic magenta color palette with 5 hex codes: #BB2649, #94BB26, #2055DA, #DAA520, #E4BA4E

Viva Magenta, viva el diseño colorido

El Viva Magenta es una incorporación fascinante a la cronología del Color del Año de Pantone. Cada año, el Color del Año influye en los colores de los teléfonos móviles, las tendencias de moda, el diseño web y mucho más. Basta con ver lo que ocurrió con el color de 2016, el Dusty Rose, que se convirtió esencialmente en el rosa millennial, y el color de 2021, Illuminating, que pasó a ser el amarillo de la Generación Z.

Puede que el Viva Magenta defina o no a toda una generación, pero sin duda influirá en las tendencias de 2023. Juega con estas combinaciones de magenta y considera incorporar el Viva Magenta en tus diseños coloridos.


Última actualización
December 7, 2022
Categoría

Artículos relacionados

Cómo crear una paleta de colores para tu sitio web
Cómo crear una paleta de colores para tu sitio web

Cómo crear una paleta de colores para tu sitio web

Cómo crear una paleta de colores para tu sitio web

Diseño
Por
Nikiya Palombi
,
,
Leer artículo
8 ideas de paletas de colores elegantes para diseño web
8 ideas de paletas de colores elegantes para diseño web

8 ideas de paletas de colores elegantes para diseño web

8 ideas de paletas de colores elegantes para diseño web

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
9 paletas de colores irresistibles para portadas de libros que atraen a los lectores
9 paletas de colores irresistibles para portadas de libros que atraen a los lectores

9 paletas de colores irresistibles para portadas de libros que atraen a los lectores

9 paletas de colores irresistibles para portadas de libros que atraen a los lectores

Diseño
Por
Rease Rios
,
,
Leer artículo
Marketing generacional: cómo usar el color de forma eficaz
Marketing generacional: cómo usar el color de forma eficaz

Marketing generacional: cómo usar el color de forma eficaz

Marketing generacional: cómo usar el color de forma eficaz

Diseño
Por
Rease Rios
,
,
Leer artículo
7 tendencias de color que están causando sensación en el diseño web
7 tendencias de color que están causando sensación en el diseño web

7 tendencias de color que están causando sensación en el diseño web

7 tendencias de color que están causando sensación en el diseño web

Diseño
Por
Mariah Driver
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.