Lime Green Color Palette

Lime green is a yellow-leaning green — #7CB518 sits at 82° hue, between yellow and true green, and that position is where its brightness comes from. Copy the HEX codes from any scheme below, or generate a harmonious lime-green palette anchored to a base colour you pick.

Lime Green Palette Ideas & HEX Codes

Bright Lime is the saturated ramp, 68%–97%, from #2B4001 up to #A7D93B. Lime & Chartreuse pushes the light end further toward yellow, reaching 69° at #D6E86C. Soft Lime adds the pale ground the other two lack, #F0F7DC.

Bright Lime

#2B4001
#4F6D07
#6A9A0F
#7CB518
#A7D93B

Lime & Chartreuse

#33471F
#5A7D2C
#7CB518
#A3CB38
#D6E86C

Soft Lime

#F0F7DC
#D6E8A0
#B4D65E
#7CB518
#5E8C12

Anchored to a lime 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.

Free, no sign-up Generated in your browser CSS, JSON & HEX export

Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.

What Goes With Lime Green

Lime green is loud, so it is nearly always the accent rather than the base — set it on a charcoal or near-black and it becomes legible and deliberate. Within the family, olive green is the same hue held darker and forest green the natural version. Energy drinks, sport, gaming and eco branding use it.

Frequently Asked Questions

What HEX codes make a lime green palette?
Lime green is a bright, yellow-tinged green: anchor on a deep olive-green (#2B4001, #33471F), use a vivid lime (#7CB518) and lift with soft yellow-green tints (#A7D93B, #D6E86C). The zesty, high-energy hue is what gives it that fresh, citrus feel. The Bright Lime, Lime & Chartreuse and Soft Lime rows above each carry five codes, which is usually the right number: two darks, a mid and two tints. Across all three the extremes are #2B4001 and #F0F7DC, which contrast at 10.3:1 — enough for body text at any size under WCAG AA and AAA.
Is lime green the same as chartreuse?
Not quite — lime green and chartreuse are neighbours rather than twins. The CSS keyword chartreuse is #7FFF00, at 90° hue and full brightness — halfway between yellow and green with nothing taken out. Lime green as used here, #7CB518, sits at 82° and 40% lightness, so it is darker and slightly more yellow. The CSS keyword lime is a third thing again: #00FF00, pure green.
How do I use these colours in CSS?
Click Copy CSS for a ready-to-paste :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 #7CB518, an export taken without changing the base stays inside the lime 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.
Which lime green shade should I use as a background?
For a page or card background take the lightest step in the set — #F0F7DC on this page. Black text on #F0F7DC comes to 19:1, well past the 4.5:1 WCAG AA line. For a dark surface use #2B4001 instead, the deepest code here, where white text gives 11.4:1. The mid steps are better spent on borders, chart fills and hover states, where nothing has to be read at 14px.

More palettes: Olive Green palette  ·  Gold palette  ·  Mustard palette  ·  all colours

Related color tools

Color Palette Generator

Roll random harmonious palettes, or build one from any base colour.

Color tools

→

Image Color Picker

Pick exact HEX, RGB and HSL colors from any image with an eyedropper.

Color tools

→