La versión corta
- Un degradado verde mezcla tonos de verde, del menta pálido y la salvia al esmeralda, el bosque y el lima eléctrico, a menudo con un verde azulado o un amarillo vecino.
- El verde se asocia ampliamente con la naturaleza, la salud, el crecimiento y el dinero, y por eso es tan común en sostenibilidad, bienestar y finanzas.
- El verde se mezcla con limpieza hacia el verde azulado, el azul y el amarillo, pero tiende a volverse gris al mezclarse directamente con rosa, rojo o morado.
- El texto blanco funciona sobre verdes profundos como #14532d, pero un verde medio como #16a34a necesita texto oscuro o tamaños grandes.
- Los verdes inesperados, como el oliva, el botella y el chartreuse, combinados con un color acompañante no natural, evitan el tópico ecológico.
En esta página
Un degradado verde mezcla tonos de verde, del menta pálido y la salvia al esmeralda y el bosque hasta el lima eléctrico, a menudo con un verde azulado o un amarillo vecino. El verde tiene más rango que casi cualquier otro color: puede sentirse fresco y limpio, profundo y caro, o ruidoso y sintético. Abajo hay paletas de degradado verde para cada ambiente, con CSS para copiar, los colores de texto que funcionan sobre ellas y cómo evitar parecerte a todos los informes de sostenibilidad.
La familia del verde
Los verdes se inclinan hacia dos lados. Hacia el amarillo se convierten en lima, chartreuse y oliva, que se sienten cálidos, enérgicos o terrosos. Hacia el azul se convierten en verde azulado, jade y esmeralda, que se sienten fríos, calmos y pulidos. Si los apagas hacia el gris, obtienes la salvia, que es suave y adulta. Si los oscureces, obtienes el bosque y el verde botella, que se sienten consolidados y algo lujosos.
Qué señala un degradado verde
Las asociaciones del verde más ampliamente compartidas son la naturaleza, el crecimiento, la salud y la frescura, que vienen directamente de las plantas. La convención ha añadido más: el paso en los semáforos, el dinero en Estados Unidos por sus billetes y el éxito en paneles y apps de finanzas. También lleva significados religiosos y nacionales en algunos lugares; los significados de los colores en el mundo los tratan.
En la práctica, eso significa que el tono hace casi todo el trabajo. El menta dice limpio. La salvia dice calma y cuidado. El bosque y el botella dicen tradición. El lima dice energía. El verde azulado dice acabado pulido. Decide cuál de esas cosas quieres decir antes de elegir un degradado, y las paletas de abajo serán mucho más fáciles de elegir.
Degradados verdes frescos y menta
Los verdes pálidos se sienten limpios, frescos y ligeros. Van bien con el cuidado de la piel, la salud, la comida y todo lo que deba sentirse fresco. Mantén el texto oscuro y caliéntalos un poco en un extremo para que no se sientan clínicos.
Degradados verdes profundos y de bosque
Los verdes oscuros son de los colores más caros que hay. Piensa en coches de carreras, bibliotecas antiguas y envases de tradición. Sostienen bien el texto blanco y crema y combinan de maravilla con el oro, el latón y el blanco roto cálido.
Degradados de lima eléctrico y verde neón
Los verdes ácidos y lima son ruidosos y sintéticos en el mejor sentido. Van bien con deporte, música, videojuegos y lanzamientos de tecnología. Sobre un fondo casi negro brillan; sobre blanco pueden ser difíciles de mirar, así que úsalos ahí en zonas pequeñas.
Degradados de verde azulado y jade
El verde que se inclina hacia el azul es calmo, pulido y tranquilamente seguro. Funciona bien para finanzas, bienestar y viajes, y es menos esperado que el azul puro en esas categorías.
Cómo evitar el tópico de la sostenibilidad
Como el verde está tan fuertemente ligado a la naturaleza, se ha convertido en el color por defecto de todo lo ecológico, orgánico o sostenible. Un verde hoja brillante, un fondo blanco y un icono de hoja ya se leen como la categoría, no como una empresa concreta. Si trabajas en ese terreno y quieres que te noten, cambia al menos una de esas tres cosas.
Tópico
- Verde hoja brillante sobre blanco
- Verde mezclado solo con más verde y azul
- Hojas, globos terráqueos y brotes como decoración
- Acabado digital liso y brillante
Fresco
- Oliva, botella, salvia o chartreuse
- Una pareja no natural: rosa, lila, crema o negro
- Tipografía y textura en vez de iconos
- Grano de papel o un material mate
El verde y el rosa son una pareja especialmente buena para esto, porque la combinación se siente botánica sin ser literal. Están casi opuestos en el círculo cromático, así que mantenlos en zonas separadas en vez de mezclar uno en el otro. Los colores complementarios explican por qué.
linear-gradient(90deg, #0b3b2e 0% 62%, #f4b6c2 62% 100%)Texto sobre degradados verdes
| Texto sobre el fondo | Contraste | Veredicto |
|---|---|---|
Blanco sobre #14532d | 9,1:1 | Excelente |
Blanco sobre #15803d | 5,0:1 | Bueno para texto normal |
Blanco sobre #16a34a | 3,3:1 | Solo texto grande |
#052e16 sobre #22c55e | 6,5:1 | Aquí funciona la tinta oscura |
#052e16 sobre #a3e635 | 9,9:1 | Excelente |
#052e16 sobre #86efac | 10,6:1 | Excelente |
Los verdes brillantes son más claros de lo que parecen, así que el texto blanco sobre ellos suele fallar. Una tinta verde muy oscura se lee mejor y mantiene todo en la familia. Comprueba el punto más claro detrás del texto blanco en cualquier degradado; el texto sobre un degradado muestra cómo.
Un fondo calmo y profundo para un post editorial.
Una historia de cuenta atrás ruidosa, donde un verde eléctrico brillaría.
.panel {
background-color: #0b3b2e;
background-image: linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%);
color: #f5f0e6;
}Para más paletas sacadas de bosques, campos y agua, mira las paletas de colores de la naturaleza.
Preguntas frecuentes
¿Qué colores combinan bien con el verde en un degradado?
El verde azulado, el azul, el amarillo y el lima se mezclan con limpieza con el verde. El rosa, el rojo y el morado son parejas llamativas pero deben ir en zonas separadas, porque mezclar el verde con ellos lo vuelve gris.
¿Cuál es el CSS de un degradado verde oscuro?
Por ejemplo, linear-gradient(180deg, #03140e 0%, #0b3b2e 55%, #1f6f50 100%) da un verde botella profundo. Todas las paletas de esta página se pueden copiar como CSS.
¿Qué color de texto funciona sobre el verde?
El blanco o el crema funcionan sobre verdes profundos. Sobre verdes brillantes o claros, usa una tinta verde muy oscura, porque el texto blanco suele quedar por debajo del contraste recomendado.
¿Cómo uso el verde sin parecer una marca ecológica?
Elige verdes menos esperados, como el oliva, el botella o el chartreuse, combínalos con un color no natural como el rosa o el lila, y usa textura o tipografía en vez de motivos de hojas.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
