Lime Color Palettes

What this tool does

Lime is a bright, zesty yellow-green, the colour of citrus and high-visibility vests, and it is loud. That energy is the whole appeal, but it is also why lime is tricky in a palette: a little is electric, a lot is exhausting, and the right partners are what keep it looking sharp rather than garish.

That is what this does. You give it a lime, and it builds whole palettes around it: lighter and darker versions of your lime, and several sets of partner colours pulled from the colour wheel, each shown as swatches with their hex codes. It finds the colours that let lime pop without taking over.

How to use it

1. Set your lime. The tool opens on a lime with its Hex displayed. Swap in your own using Change Color or the Color Picker, or paste any hex in.
2. Scan the palettes it builds. Your single lime produces several sets at once, the lighter and darker runs and the colour-wheel harmonies.
3. Copy the codes you need. Every colour in every palette is given with its hex, ready to drop into your design.

Use the random option for a fresh lime to start from, and the palettes rebuild to match. One thing to watch: the CSS colour named "lime" is actually pure green, so for a true yellow-green lime, paste a yellow-green hex as your base rather than relying on that keyword.

How it works

The tool runs on TinyColor, a colour library built to handle exactly this. For the lighter and darker sets it brightens and darkens your lime, and for the partner palettes it reads your lime as a spot on the colour wheel and rotates by known angles to calculate its partners.

That is colour harmony in action, the principle that colours a set distance apart on the wheel work together. Lime sits between yellow and green, on the bright, warm-leaning edge of the greens, so its partners come back lively and high-energy. That is exactly why a lime palette tends to feel zesty and youthful, and why it usually needs a calm partner to balance it.

The palettes it builds

From your single lime, the tool produces several palettes, each following a classic harmony rule. Lime's brightness makes each one high-energy.

• Brighten and darken. The lighter tints and darker shades of your lime, the same family, from a pale yellow-green to a deeper olive.
• Monochromatic. Variations of your lime alone, a punchy, single-hue set that still needs a calm background.
• Analogous. Your lime with its neighbours, a yellow on one side and a green on the other, for a fresh citrus sweep.
• Complementary. Your lime with the colour opposite it, which lands in the violet-to-purple range, a bold, high-contrast pairing.
• Split-complementary. Lime with the two colours either side of that purple opposite, a slightly softer version of the contrast.
• Triadic. Lime with two evenly spaced partners, which come through as a cyan-blue and a pink or magenta.

The complementary set is the bold one, lime against purple is genuinely striking, while the analogous citrus sweep keeps things fresh and the monochromatic set works best as a punch of one colour against neutrals.

Lime's partner colours

Lime's most reliable partners are neutrals. Because it is so bright, lime is often happiest as a single pop of colour against grey, charcoal, white, or black, the high-vis accent on a calm background, which is exactly how sports and tech brands tend to use it. If you want lime to look sharp and modern rather than overwhelming, a strong neutral is the partner to reach for first.

On the wheel, lime's complement is a violet or purple, the colour opposite it, which makes for a bold, energetic, high-contrast pairing when you want maximum impact. Its neighbours are yellow on one side and green on the other, for a fresh, citrus-bright harmony. So lime gives you a calm-and-pop option with neutrals, a vivid contrast with purple, and a zesty sweep with its yellow and green neighbours.

What lime palettes are good for

Lime is energetic, youthful, and impossible to ignore, with strong links to citrus freshness, sport, and high visibility. That makes lime palettes a good fit for design that wants to feel bold, active, and modern, sports and energy brands, youthful and playful products, technology with an edge, and anything that needs to grab attention fast. It brings life and freshness in a way no calm colour can.

The harmony sets the intensity. A lime pop against neutrals reads as sporty and modern, ideal when you want one electric accent. Pair lime with its purple complement for a bold, high-contrast statement, or keep it in a citrus analogous sweep for something fresh and zesty. The constant with lime is balance: it shines brightest when something calm gives the eye a rest.

Building a palette around lime

The safest way to use lime is as an accent, not a base. Build your palette on a calm neutral, grey, charcoal, white, or black, and let lime be the one electric colour that draws the eye. If you want more colour, bring in its purple complement for contrast or its yellow and green neighbours for a citrus feel, but keep the loudest lime for the moments that need to pop.

Keep it balanced with the usual split, and lean it toward restraint: let a neutral dominate, give a supporting colour the middle role, and reserve lime for small, deliberate accents, roughly sixty, thirty, and ten percent, with lime firmly in that last ten. That is what keeps a lime palette feeling sharp and intentional rather than tiring. Copy the hex codes out, and the palette is ready.

Questions people ask

What kinds of palette does this generate?

Several from one lime: lighter and darker versions, a monochromatic set, and the colour-wheel harmonies, analogous, complementary, split-complementary, and triadic, plus a random option. Each comes with hex codes.

What colours go with lime?

Neutrals first, grey, charcoal, white, or black, which let lime pop as an accent. Its wheel complement is a violet or purple for a bold contrast, and its yellow and green neighbours give a fresh citrus harmony.

Why does the CSS colour "lime" look like pure green?

Because the CSS keyword "lime" is defined as pure green (#00FF00), not the yellow-green most people picture. For a true lime palette, paste a yellow-green hex as your base rather than using that keyword.

Can I use any lime?

Yes. Although this page is set up for lime, you can paste any hex as the base, and the tool builds the same kinds of palette around whatever colour you give it.

References

1. TinyColor (Brian Grinstead). Documentation. https://github.com/bgrins/TinyColor
2. Color scheme, the standard colour harmonies (monochromatic, analogous, complementary, and more). Wikipedia. https://en.wikipedia.org/wiki/Color_scheme
3. Lime (color), the citrus-named colour and the CSS keyword. Wikipedia. https://en.wikipedia.org/wiki/Lime_(color)