#F1ECE2Understand. Compare. Create.
Green: 55 shades, names and colour codes
Explore green shades, HTML and RGB codes, colour meanings and ideas for combining green in your projects.
Colour code and CSS reference
The CSS keyword green corresponds to #008000. It represents one specific green shade, not the entire colour family.
- HEX
- #008000
- RGB
- 0, 128, 0
- CMYK ≈
- 100%, 0%, 100%, 50%
- HSL
- 120°, 100%, 25%
The CSS keyword green is #008000, while the sRGB green primary and the keyword lime are #00FF00.
The displayed CMYK values are estimates without a print profile.
Meaning and perception
Green frequently recalls plants. Olive, forest green and mint nevertheless have very different characters: lightness and saturation strongly affect their appearance.
Which colours go with it?
Green produces very different combinations depending on whether it leans towards yellow, blue or grey. Start by placing your sample beside white and neutral grey to see that tendency more clearly. Then choose a companion that continues the direction or creates a deliberate change.
Green and pink: balance softness and depth
Sage and powder pink can share an understated character. To prevent the result from feeling washed out, add a darker detail: forest green, brown or charcoal lettering. With deep green and bright pink, instead confine one to a small pattern. Their relative intensity matters more than equal quantities.
Green and wood: start with the existing material
Wood is not one uniform neutral: pale oak, walnut and reddish timber call for different decisions. Hold your samples against the furniture or floor. Greyed sage is one starting point with light wood; blue green is worth testing with redder wood when you want a more pronounced difference.
Green and blue: maintain continuity without merging
With seafoam green and navy, let green lighten the larger surfaces while navy defines boundaries. Forest green and petrol form a much darker pairing: provide a light area for text, patterns or objects you want to emphasise. Neighbouring hues benefit from having clearly different jobs.
Sage, olive or emerald: three different directions
Sage is one direction for a low-saturation palette; olive can extend ochres and browns; emerald offers a more distinct accent. These names do not identify universal shades. Keep a precise reference and compare the actual colour: two products sold as “sage green” may differ enough to change the combination.
Try this palette: sage, linen and clay pink
Start with half linen, about a third sage and the remainder clay pink. If green needs to be the main colour, swap the linen and sage areas before introducing another hue.
#889783#C59386Suggested palette with copyable HEX codes for your own trials. These sRGB previews are not certified paint or textile specifications.
A common trap: relying on the word “natural”
A green palette does not automatically coordinate with every material. Foliage, olive fabric and mint paint may take three different directions. Select one starting element and compare each addition against it. In a chart, also avoid using green as the only indication of a positive result; include a label.
Shades of green
The names and previews below come from the site’s shade directory. Several codes may share a common name; these shades are not certified RAL or Pantone equivalents.
#00FF00#79F8F8#7BA05B#008E8E#048B9A#83A697#80D0D0#649B88#1B4F08#87E990#94812B#16B84E#54F98D#149414#25FDE9#7FDD4C#82C46C#18391E#9FE855#568203#096A09#C2F732#00FF00#18391E#95A595#22780F#B0F2B6#01D758#00561B#175732#3A9D23#00561B#798933#85C17E#9EFD38#1FA055#386F48#596643#679F5A#708D23#97DFC6#3AF24B#01796F#BEF574#4CA66B#34C924#57D53B#4CA66B#00FE7E#095228#689D71#01D758#A5D152#586F2D#40826DGet the free colour kit: HEX/RGB codes and a project worksheet.