# Bosgroen kleurverloop: diepe, natuurlijke codes

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

Bosgroen is het volwassenste van alle groentinten: rustig, rijk en een beetje serieus. Deze codes volgen een echt bos van de bosbodem tot het bladerdak, met combinaties die het niet plat laten ogen.

## The short version

- Een bosgroen kleurverloop loopt van een bijna zwart groen, zoals de schaduw onder bomen, naar een middel- of lichtgroen waar het licht doorbreekt.
- Groen met een blauwe ondertoon leest als den en naaldbos, groen met een gele ondertoon leest als mos en varen.
- Een klein warm accent zoals crème, messing of terracotta laat bosgroen rijk ogen in plaats van plat.
- Bosgroen wordt modderig als je het direct met rood of oranje mengt, dus houd warme kleuren als aparte accenten.
- Lichte tekst op het donkere uiteinde van een bosgroen kleurverloop leest goed en voelt rustig en exclusief.

Een **bosgroen kleurverloop** loopt van een bijna zwart groen, de kleur van diepe schaduw onder bomen, omhoog naar een rijker middengroen of een zacht, zonnig groen waar het licht door het bladerdak valt. Het voelt natuurlijk, stabiel en stilletjes duur, en daarom grijpen erfgoedmerken, outdoorbedrijven, hotels en plantenwinkels ernaar. De codes hieronder volgen een echt bos, van de bosbodem tot de boomtoppen, met per kleur een notitie over wat erbij past.

## De kleuren van een bos, van bodem tot bladerdak

Wie in een bos staat, ziet meer dan één groen. De diepste schaduw is bijna zwart. Den en spar neigen naar blauw. Mos, varens en jonge blaadjes neigen naar geel. Hoog boven je, waar de zon de bladeren raakt, wordt het groen bleek en goudkleurig, en op een vochtige ochtend vervaagt alles tot een zacht grijsgroen. Een goed bosverloop kiest één van die verhalen in plaats van alle tegelijk.

- Dennennacht: #0b1f14
- Bos: #14391f
- Bladerdak: #22573a
- Spar: #1d4a3f
- Mos: #4f6b2a
- Varenlicht: #a7c97a
- Ochtendmist: #c9d3cc
- Zon door de bladeren: #f3d98b

Bosgroenen. Spar neigt naar blauw, mos naar geel, en de zonnestop is de enige warme kleur die je nodig hebt.

## Codes voor een bosgroen kleurverloop

Begin met diep bladerdak als je het klassieke **donkergroene kleurverloop** wilt: het is het meest veelzijdige en draagt lichte tekst prachtig. Den is koeler en moderner. Mos is aardser en werkt voor eten, ambacht en alles wat handgemaakt is. Varenlicht is de helderste van de set en blijft onmiskenbaar bos in plaats van limoen.

- Diep bladerdak: `linear-gradient(160deg, #0b1f14 0%, #14391f 45%, #22573a 100%)`
- Den en spar: `linear-gradient(180deg, #0e2a26 0%, #1d4a3f 50%, #3c6e5d 100%)`
- Mos: `linear-gradient(135deg, #2f3d17 0%, #4f6b2a 50%, #8a9a4b 100%)`
- Varenlicht: `linear-gradient(180deg, #1f4d2b 0%, #3f7d3c 55%, #a7c97a 100%)`

Vier bosgroenen. Elk houdt de tint stabiel en verandert vooral in helderheid, en dat houdt de overgang schoon.

Voor frissere, helderdere groentinten, van smaragd tot limoen, gaat de hoofdcollectie [groen kleurverloop](https://gradiently.design/nl/guide/green-gradient) breder. Wil je een bosgroen met meer blauw erin, dan pakt [turquoise kleurverloop](https://gradiently.design/nl/guide/teal-gradient) op waar den ophoudt.

## Mist, zonlicht en de bosbodem

Sfeer maakt dat een bosverloop als een plek voelt en niet als een kleurstaaltje. Mist tilt de bovenkant van het beeld naar een bleek grijsgroen en laat de bomen eronder opkomen. Zonlicht door het bladerdak is een radiale gloed van zacht goud hoog in het beeld. De bosbodem brengt onderaan een beetje bruin binnen, wat het ontwerp aarding geeft. Eén van deze effecten per ontwerp is ruim voldoende.

- Mistig bos: `linear-gradient(180deg, #c9d3cc 0%, #7e968a 45%, #2f4a3d 100%)`
- Zon door het bladerdak: `radial-gradient(ellipse at 70% 10%, #f3d98b 0%, #8aa64b 25%, #2c5a2f 55%, #0c2215 90%)`
- Bosbodem: `linear-gradient(0deg, #1a140c 0%, #2e2a16 35%, #2a4a26 100%)`
- Groenblijvende nacht: `radial-gradient(circle at 50% 30%, #1f4a35 0%, #0d2219 50%, #040b08 100%)`

Sfeervolle bosverlopen. Mistig bos past bij lichte tekst onderaan en donkere tekst bovenaan, groenblijvende nacht verdraagt overal wit.

## Wat past bij bosgroen

Bosgroen alleen kan zwaar ogen. Eén warme partner, gebruikt voor tekst of één klein accent, verandert het hele karakter. Kies de partner op het gevoel dat je wilt en houd hem buiten het kleurverloop zelf.

| Combineer met | Hex | Voelt | Past bij |
| --- | --- | --- | --- |
| Warm crème | `#f4efe3` | Klassiek, rustig | Outdoormerken, boekwinkels, cafés |
| Messinggoud | `#c9a24a` | Luxe, tijdloos | Hotels, gedistilleerd, besloten clubs |
| Terracotta | `#c8643b` | Aards, vriendelijk | Plantenwinkels, keramiek, eten |
| Blozend roze | `#f2c6c2` | Zacht, romantisch | Bloemisten, bruiloften, beauty |
| Bleek saliegroen | `#d7e2d0` | Fris, mild | Welzijn, huidverzorging, thee |

Eén partner per keer. Crème en messing zijn het veiligst, roze is de verrassing waarmee de feeds van bloemisten opvallen.

Meer over het bouwen van natuurlijke paletten lees je in [natuurkleurenpaletten](https://gradiently.design/nl/guide/nature-color-palettes) en [aardetinten](https://gradiently.design/nl/guide/earth-tone-colors), en over wat groen bij mensen oproept in [betekenis van de kleur groen](https://gradiently.design/nl/guide/green-color-meaning).

## Bosgroen rijk houden, niet plat

### Ziet er plat of ziekelijk uit

- Groen rechtstreeks in rood of oranje gemengd
- Een geelgroen zo fel dat het als limoen leest
- Neutraal grijs toegevoegd om te verdonkeren
- Puur zwart aan het donkere uiteinde
- Felgroene tekst op donkergroen

### Ziet eruit als een bos

- Warme kleuren als aparte accenten
- Licht uiteinde zacht gehouden, zoals #a7c97a
- Verdonkerd door de helderheid te verlagen, met behoud van de tint
- Een bijna zwart dat nog steeds groen is, zoals #0b1f14
- Crème of messing tekst op donkergroen

Het eerste punt is het punt waar mensen in trappen. Groen en rood liggen tegenover elkaar op het kleurenwiel, en een directe menging loopt door bruin. Wil je allebei, laat ze dan elkaar raken met een harde rand, of houd het rood bij de tekst. [Modderige kleurverlopen](https://gradiently.design/nl/guide/muddy-gradients) laat precies zien wat er tussenin gebeurt.

> **Donkere groentinten in druk** Diepe groentinten drukken donkerder en doffer af dan ze op het scherm lijken, en het bijna zwarte uiteinde kan zijn kleur helemaal verliezen. Til voor flyers, menukaarten en bewegwijzering de donkerste stop iets op en bestel een proef voor je een hele oplage laat drukken. [Kleurverlopen in druk](https://gradiently.design/nl/guide/print-gradients) behandelt banding en kleurverschuivingen op papier.

## Bosgroene kleurverlopen in echte ontwerpen

Bosgroen is een geschenk voor bedrijven die buiten of met levende dingen werken, omdat het vakmanschap en zorg uitstraalt zonder te schreeuwen. Een hovenier kan seizoensherinneringen plaatsen, een bloemist een workshop aankondigen, een hotel een weekendje weg promoten, en alles ziet eruit als hetzelfde merk.

Een staande social post met een diepbosgroene achtergrond en de kop Lentebezoeken zijn open in crèmekleurige letters

Een staande post van een hovenier. Crèmekleurige tekst op het diepe uiteinde, met het lichtere groen aan de randen.

Die consistentie is het moeilijke deel als een heel seizoen aan posts, stories en flyers uit verschillende handen komt. In Gradiently kies je één keer een bosgroene Mark en elk ontwerp in de Studio draagt hem op de juiste maat, met het rustige deel achter je woorden. [Marketing voor hoveniers](https://gradiently.design/nl/guide/landscaping-marketing) heeft een heel seizoen aan ideeën om het mee te vullen.

```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%);
}
```

Bosgroen als herbruikbare tokens, met crème voor tekst. Dezelfde variabelen kunnen knoppen en randen op de hele site kleuren.

## FAQ

### Wat is de hexcode van bosgroen?

De CSS-kleurnaam `forestgreen` is `#228b22`, een vrij helder groen. Diepere bosgroenen voor kleurverlopen liggen rond #14391f tot #22573a, met bijna zwarte versies zoals #0b1f14 voor het donkere uiteinde van een verloop.

### Welke kleuren passen bij een bosgroen kleurverloop?

Warm crème, messinggoud, terracotta, blozend roze en bleek saliegroen. Gebruik er één als tekst- of accentkleur in plaats van hem in het groen te mengen.

### Waarom ziet mijn groene kleurverloop er modderig uit?

Waarschijnlijk loopt het over in rood, oranje of grijs. Houd de tint stabiel, verdonker door de helderheid te verlagen en laat warme kleuren het groen met een harde rand raken of in de tekst blijven.

### Welke tekstkleur werkt op donkergroen?

Crème zoals #f4efe3, wit of zacht messing. Ze lezen helder op het donkere uiteinde en behouden het rustige, natuurlijke gevoel.
