#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.
2027 green paint colours: Grounded or Celery?
Two announced 2027 colours of the year take green in different directions: BEHR Grounded T27-01, announced on 26 August 2026, is an olive-to-moss green with brown undertones; Sherwin-Williams Celery SW 6421 is a light green. These are separate manufacturers’ selections, not a single universal colour of the year. References checked on 29 September 2026.
Choose the job the green needs to do
For a room with pale walls and a large amount of light wood, an olive direction can give one element more presence: a bookcase, a door or lower kitchen cabinets. A lighter green direction is worth testing when you want colour across a larger surface while keeping a gentle change between the wall and white trim. Do not choose from the trend name alone: compare the actual samples with the surfaces you will keep.
Build a palette around what is already there
With an olive or moss sample, try a warm off-white for the largest adjoining surface, the room’s existing timber as a second material, and a small muted clay or pink accent. Keep the accent restrained until you have seen the green at full sample size. A yellow-orange floor can make this arrangement much warmer than a screen mock-up suggests; compare a less yellow neutral before buying paint.
With a light green sample, try linen, pale stone and a darker green detail for definition. If the result seems too delicate, change the dark detail before adding another saturated colour. Door handles, a picture frame and a narrow furniture edge can provide the separation that another pale shade cannot. For a graphic layout using similar colour relationships, reserve a dark colour for text and a light one for the background.
Run a useful sample test before committing
- Start with the fixed material. Place the paint sample against the floor, countertop or sofa, not an isolated sheet of white paper.
- Compare two neighbouring options. Put a lighter or less yellow green beside your first choice. A side-by-side comparison makes the direction easier to judge.
- Move the samples. Inspect them on more than one wall, in daylight and under your evening lighting. Photograph them for notes, but make the final decision in the room.
- Check the finish. Test the intended paint and sheen. A digital swatch cannot show reflection, surface texture or the effect of the substrate.
Can I use a HEX, RAL or Pantone equivalent?
A paint reference, a screen colour and a printed swatch describe different things. We do not assign an unverified HEX value or claim an exact RAL or Pantone match for either paint. Use the manufacturer’s physical sample for paint selection and treat a screen palette as an illustration. For web text, check your chosen codes in the colour converter and test the actual foreground/background contrast: aim for at least 4.5:1 contrast for normal text, or 3:1 for large text.
Check the brand as well as the name. BEHR Grounded T27-01 is distinct from Sherwin-Williams Grounded SW 6089, which appears in Sherwin-Williams’ 2025 capsule. Include the manufacturer and full reference when requesting a sample. For more combinations, see brown and wood palettes and pink colour pairings.
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.