# Degradado verde bosque: códigos naturales y profundos

[Canonical HTML page](https://gradiently.design/es/guide/forest-gradient)

El verde bosque es el más maduro de los verdes: sereno, rico y algo serio. Estos códigos recorren un bosque real del suelo a la copa, con combinaciones que evitan que se vea plano.

## The short version

- Un degradado verde bosque va de un verde casi negro, como la sombra bajo los árboles, a un verde medio o claro por donde se cuela la luz.
- Los verdes que tiran al azul se leen como pino y hoja perenne, mientras que los que tiran al amarillo se leen como musgo y helecho.
- Un pequeño acento cálido como crema, latón o terracota hace que el verde bosque se vea rico en lugar de plano.
- El verde bosque se enturbia cuando se mezcla directamente con rojo o naranja, así que mantén los colores cálidos como acentos separados.
- El texto claro sobre el extremo oscuro de un degradado verde bosque se lee bien y transmite calma y calidad premium.

Un **degradado verde bosque** va de un verde casi negro, el color de la sombra profunda bajo los árboles, a un verde medio más rico o a un verde suave bañado de sol donde la luz atraviesa la copa. Resulta natural, estable y discretamente caro, por eso lo buscan marcas con tradición, empresas de exterior, hoteles y tiendas de plantas. Los códigos de abajo siguen un bosque real, del suelo a las copas, con notas sobre qué combinar con cada uno.

## Los colores de un bosque, del suelo a la copa

Quédate en un bosque y verás más de un verde. La sombra más profunda es casi negra. El pino y el abeto tiran al azul. El musgo, los helechos y las hojas jóvenes tiran al amarillo. Arriba, donde el sol alcanza las hojas, el verde se vuelve pálido y dorado, y en una mañana húmeda todo se apaga en un verde grisáceo suave. Un buen degradado de bosque elige una de estas historias en lugar de todas.

- Pino nocturno: #0b1f14
- Bosque: #14391f
- Copa: #22573a
- Abeto: #1d4a3f
- Musgo: #4f6b2a
- Luz de helecho: #a7c97a
- Bruma matinal: #c9d3cc
- Sol entre las hojas: #f3d98b

Verdes de bosque. El abeto tira al azul, el musgo al amarillo, y la parada de sol es el único color cálido que necesitas.

## Códigos de degradado verde bosque

Empieza con copa profunda si quieres el clásico **degradado verde oscuro**: es el más versátil y lleva el texto claro a la perfección. El pino es más frío y moderno. El musgo es más terroso y funciona para comida, manualidades y todo lo hecho a mano. La luz de helecho es la más brillante del conjunto y sigue siendo inconfundiblemente bosque y no lima.

- Copa profunda: `linear-gradient(160deg, #0b1f14 0%, #14391f 45%, #22573a 100%)`
- Pino y abeto: `linear-gradient(180deg, #0e2a26 0%, #1d4a3f 50%, #3c6e5d 100%)`
- Musgo: `linear-gradient(135deg, #2f3d17 0%, #4f6b2a 50%, #8a9a4b 100%)`
- Luz de helecho: `linear-gradient(180deg, #1f4d2b 0%, #3f7d3c 55%, #a7c97a 100%)`

Cuatro verdes de bosque. Cada uno mantiene su tono estable y cambia sobre todo en luminosidad, que es lo que mantiene limpia la mezcla.

Para verdes más frescos y brillantes, de esmeralda a lima, la colección principal de [degradados verdes](https://gradiently.design/es/guide/green-gradient) llega más lejos. Si quieres un verde bosque con más azul, los [degradados verde azulado](https://gradiently.design/es/guide/teal-gradient) recogen donde el pino lo deja.

## Bruma, luz del sol y suelo del bosque

La atmósfera es lo que hace que un degradado de bosque parezca un lugar y no una muestra de pintura. La bruma levanta la parte alta del encuadre a un verde grisáceo pálido y deja que los árboles emerjan debajo. La luz del sol entre la copa es un resplandor radial de dorado suave en lo alto del encuadre. El suelo del bosque trae un poco de marrón abajo, que ancla el diseño. Con uno de estos efectos por diseño basta.

- Bosque con bruma: `linear-gradient(180deg, #c9d3cc 0%, #7e968a 45%, #2f4a3d 100%)`
- Sol entre la copa: `radial-gradient(ellipse at 70% 10%, #f3d98b 0%, #8aa64b 25%, #2c5a2f 55%, #0c2215 90%)`
- Suelo del bosque: `linear-gradient(0deg, #1a140c 0%, #2e2a16 35%, #2a4a26 100%)`
- Noche de hoja perenne: `radial-gradient(circle at 50% 30%, #1f4a35 0%, #0d2219 50%, #040b08 100%)`

Degradados de bosque con atmósfera. El bosque con bruma admite texto claro abajo y oscuro arriba; la noche de hoja perenne admite blanco en cualquier parte.

## Qué combinar con el verde bosque

El verde bosque solo puede verse pesado. Un único compañero cálido, usado para el texto o un pequeño acento, cambia toda su personalidad. Elige el compañero según la sensación que busques y mantenlo fuera del propio degradado.

| Combínalo con | Hex | Transmite | Va bien con |
| --- | --- | --- | --- |
| Crema cálida | `#f4efe3` | Tradición, calma | Marcas de exterior, librerías, cafeterías |
| Dorado latón | `#c9a24a` | Lujo, clásico | Hoteles, licores, clubes privados |
| Terracota | `#c8643b` | Terroso, amable | Tiendas de plantas, cerámica, comida |
| Rosa rubor | `#f2c6c2` | Suave, romántico | Floristerías, bodas, belleza |
| Salvia pálida | `#d7e2d0` | Fresco, delicado | Bienestar, cuidado de la piel, té |

Un compañero para cada uno. Crema y latón son los más seguros; el rubor es la sorpresa que hace destacar los feeds de las floristerías.

Hay más sobre cómo construir paletas naturales en [paletas de colores de la naturaleza](https://gradiently.design/es/guide/nature-color-palettes) y [colores tierra](https://gradiently.design/es/guide/earth-tone-colors), y sobre lo que el verde transmite a la gente en [significado del color verde](https://gradiently.design/es/guide/green-color-meaning).

## Cómo mantener el verde bosque rico y no plano

### Se ve plano o enfermizo

- Verde mezclado directamente con rojo o naranja
- Un verde amarillento tan brillante que se lee como lima
- Gris neutro añadido para oscurecerlo
- Negro puro en el extremo oscuro
- Texto verde brillante sobre verde oscuro

### Parece un bosque

- Colores cálidos como acentos separados
- Extremo claro suave, como #a7c97a
- Oscurecido bajando la luminosidad y conservando el tono
- Un casi negro que sigue siendo verde, como #0b1f14
- Texto crema o latón sobre verde oscuro

El primer punto es el que sorprende a la gente. El verde y el rojo están opuestos en el círculo cromático, y una mezcla directa entre ellos pasa por el marrón. Si quieres ambos, deja que se encuentren con un borde seco, o limita el rojo al texto. Los [degradados turbios](https://gradiently.design/es/guide/muddy-gradients) muestran exactamente qué pasa en medio.

> **Verdes oscuros en impresión** Los verdes profundos suelen imprimirse más oscuros y apagados de lo que se ven en pantalla, y el extremo casi negro puede perder el color por completo. Para folletos, cartas y rótulos, aclara un poco la parada más oscura y pide una prueba antes de la tirada completa. Los [degradados para imprimir](https://gradiently.design/es/guide/print-gradients) tratan el banding y los cambios de color en papel.

## Degradados verde bosque en diseños reales

El verde bosque es un regalo para negocios que trabajan al aire libre o con seres vivos, porque dice experiencia y cuidado sin gritar. Un paisajista puede publicar recordatorios de temporada, una floristería puede anunciar un taller, un hotel puede promocionar una escapada de fin de semana, y todo parece de la misma marca.

Una publicación social vertical con fondo verde bosque profundo y el titular Las visitas de primavera están abiertas en texto crema

Una publicación vertical de un paisajista. Texto crema en el extremo profundo, con el verde más claro en los bordes.

Esa coherencia es lo difícil cuando una temporada entera de publicaciones, stories y folletos sale de manos distintas. En Gradiently eliges un Mark verde bosque una vez y cada diseño del Studio lo luce en el tamaño correcto, con la parte tranquila detrás de tus palabras. El [marketing para paisajismo](https://gradiently.design/es/guide/landscaping-marketing) tiene una temporada de ideas para llenarlo.

```css
:root {
  --forest-950: #0b1f14;
  --forest-800: #14391f;
  --forest-600: #22573a;
  --forest-300: #a7c97a;
  --cream: #f4efe3;
}

.hero--forest {
  color: var(--cream);
  background: linear-gradient(160deg, var(--forest-950) 0%, var(--forest-800) 45%, var(--forest-600) 100%);
}
```

El verde bosque como tokens reutilizables, con crema para el texto. Las mismas variables pueden colorear botones y bordes en todo el sitio.

## FAQ

### ¿Cuál es el código hex del verde bosque?

El color CSS `forestgreen` es `#228b22`, un verde bastante brillante. Los verdes bosque más profundos para degradados rondan #14391f a #22573a, con versiones casi negras como #0b1f14 para el extremo oscuro de un degradado.

### ¿Qué colores combinan con un degradado verde bosque?

Crema cálida, dorado latón, terracota, rosa rubor y salvia pálida. Usa uno como color de texto o de acento en lugar de mezclarlo con el verde.

### ¿Por qué mi degradado verde se ve turbio?

Probablemente se está mezclando con rojo, naranja o gris. Mantén el tono estable, oscurece bajando la luminosidad y deja que los colores cálidos se encuentren con el verde en un borde seco o se queden en el texto.

### ¿Qué color de texto funciona sobre verde oscuro?

Crema como #f4efe3, blanco o un latón suave. Se leen con claridad en el extremo oscuro y mantienen la sensación calmada y natural.