Green occupies the middle of the visible spectrum, roughly 90° to 160° on the colour wheel. The palettes here sit at the blue end of that range, between 129° and 159°, which is why they read cool rather than grassy. Grab the HEX codes from a scheme below, or generate a new harmonious green palette anchored to any colour you pick.
Forest Green is the full ramp, from a near-black #081C15 to a light #74C69D. Fresh Green is the same set with the darkest step removed. Mint Green inverts it — everything at 52% lightness or above, for backgrounds rather than text.
#081C15#1B4332#2D6A4F#40916C#74C69D#1B4332#2D6A4F#52B788#74C69D#95D5B2#D8F3DC#B7E4C7#95D5B2#74C69D#52B788Anchored to a green base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Green sits opposite red on the wheel, so the safe contrast is a warm neutral instead: cream, tan or a soft beige. Within the family, sage green is the muted version, emerald green the jewel version and forest green the dark one. Finance, wellness, sustainability and organic food branding are where it turns up most.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. Because the picker is seeded with #2D6A4F, an export taken without changing the base stays inside the green range. The JSON and HEX buttons hand back the same five values as an array and as a comma-separated line, which suit design tokens and quick pasting respectively. Lock a swatch to pin it, then re-roll the other four and export again without losing it.More palettes: Emerald Green palette · Teal palette · Forest Green palette · all colours