All the Colors

Understand. 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.

Light linen#F1ECE2
Sage green#889783
Clay pink#C59386

Suggested 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.

Green#00FF00
Aquamarine#79F8F8
Asparagus#7BA05B
Teal#008E8E
Duck blue#048B9A
Celadon#83A697
Frosted#80D0D0
Glaucous#649B88
Hooker#1B4F08
Jade#87E990
Kaki#94812B
Mint#16B84E
Water mint#54F98D
Green#149414
Turquoise#25FDE9
Green absinthe#7FDD4C
Almond green#82C46C
English green#18391E
Anise#9FE855
Avocado green#568203
Green bottle#096A09
Chartreuse#C2F732
Lime#00FF00
Green chromium#18391E
Green-Grey#95A595
Sap green#22780F
Water green#B0F2B6
Emerald green#01D758
Green empire#00561B
Green spinach#175732
Green grass#3A9D23
Imperial green#00561B
Khaki green#798933
Green lichen#85C17E
Lime green#9EFD38
Malachite green#1FA055
Green larch#386F48
Military green#596643
Moss green#679F5A
Olive green#708D23
Green opaline#97DFC6
Green parrot#3AF24B
Pine green#01796F
Pistachio green#BEF574
Green leek#4CA66B
Green apple#34C924
Green meadow#57D53B
Green prasin#4CA66B
Spring green#00FE7E
Pine green#095228
Sage green#689D71
Smaragdine green#01D758
Lime green#A5D152
Veronese green#586F2D
Viridian#40826D
30 palettes. Your next idea starts here.

Get the free colour kit: HEX/RGB codes and a project worksheet.

Get my free kit →

Also discover: Casekit — customer support for online shops.