Nature color palette

Leaves, earth and sky give this nature palette: forest and olive greens, sand and bark browns, and sky and steel blues, nine named colours in all, with hex codes you can copy.

Free, no sign-up. Runs in your browser. Nothing you type or upload is sent to us or stored.

Base colour

Named shades

Or take colours from a photo

or drop it here. It never leaves your browser.

Shades

50#ecffd3White1.1 FailInk17.1 AAA
100#dbf7b2White1.2 FailInk15.5 AAA
200#c6e49aWhite1.4 FailInk12.9 AAA
300#abcb7aWhite1.8 FailInk10.0 AAA
400#8eaf56White2.5 FailInk7.3 AAA
500#71942eWhite3.5 AA largeInk5.2 AA
600#5b7b14White4.9 AAInk3.7 AA large
700#476300White6.9 AAInk2.6 Fail
800#354b00White9.7 AAAInk1.9 Fail
900#263700White12.9 AAAInk1.4 Fail
950#182400White16.3 AAAInk1.1 Fail

Copy as

CSSTailwindHexJSON

Palette code

:root {
  --color-nature-50: #ecffd3;
  --color-nature-100: #dbf7b2;
  --color-nature-200: #c6e49a;
  --color-nature-300: #abcb7a;
  --color-nature-400: #8eaf56;
  --color-nature-500: #71942e;
  --color-nature-600: #5b7b14;
  --color-nature-700: #476300;
  --color-nature-800: #354b00;
  --color-nature-900: #263700;
  --color-nature-950: #182400;
  --color-accent-1: #967f00;
  --color-accent-2: #1a985d;
}

At a glance

Forest green (forestgreen): #228b22 · white text 4.38:1 (AA large), near-black text 4.12:1 (AA large); Source: w3.org, checked 2026-11
Olive drab (olivedrab): #6b8e23 · white text 3.80:1 (AA large), near-black text 4.75:1 (AA); Source: w3.org, checked 2026-11
Dark sea green (darkseagreen): #8fbc8f · white text 2.15:1 (Fail), near-black text 8.40:1 (AAA); Source: w3.org, checked 2026-11
Dark khaki (darkkhaki): #bdb76b · white text 2.06:1 (Fail), near-black text 8.74:1 (AAA); Source: w3.org, checked 2026-11
Wheat (wheat): #f5deb3 · white text 1.31:1 (Fail), near-black text 13.77:1 (AAA); Source: w3.org, checked 2026-11
Peru (peru): #cd853f · white text 2.99:1 (Fail), near-black text 6.05:1 (AA); Source: w3.org, checked 2026-11
Sienna (sienna): #a0522d · white text 5.61:1 (AA), near-black text 3.22:1 (AA large); Source: w3.org, checked 2026-11
Sky blue (skyblue): #87ceeb · white text 1.74:1 (Fail), near-black text 10.39:1 (AAA); Source: w3.org, checked 2026-11
Steel blue (steelblue): #4682b4 · white text 4.10:1 (AA large), near-black text 4.40:1 (AA large); Source: w3.org, checked 2026-11

Give your page these colours

A Liite page comes with 15 themes, from sunset to midnight, and your own colours on top. Pick the one closest to your palette and your link-in-bio page is ready in a few minutes.

Make your free page

Nature color palette: what to know

This page starts the colour palette generator for this case. For every option and how to use it, see the colour palette generator.

Why these colours sit together

Most of them are muted: measured in OKLCH, their colourfulness stays modest, so no single one shouts. The greens and browns share warm, yellowish hues, and the blues give the cool contrast you'd see between ground and sky.

For text, use the darkest of the set: forest green takes near-black text (4.12:1) but not white (4.38:1), so for white text go to the 700 step of its scale (#0d6b0f).

Questions

What colors represent nature?

Greens from leaves and grass, browns and tans from soil, bark and sand, and blues from sky and water. Muted versions look more natural than bright ones.

What are some color palettes inspired by nature?

Forest (deep greens and bark brown), coast (sand, sea blue and white), desert (terracotta, sand and sage) and meadow (soft greens, wheat and sky blue). Change the base colour in the tool to build any of them.