Neon Lime Color Palette
A high-energy neon lime palette for bold, modern designs. Great for fitness, gaming, and tech brands.
Forest Lime
HEX: #365314
RGB: rgb(54, 83, 20)
HSL: hsl(88, 61%, 20%)
Lime Dark
HEX: #4d7c0f
RGB: rgb(77, 124, 15)
HSL: hsl(86, 78%, 27%)
Neon Lime
HEX: #84cc16
RGB: rgb(132, 204, 22)
HSL: hsl(84, 81%, 44%)
Bright Lime
HEX: #bef264
RGB: rgb(190, 242, 100)
HSL: hsl(82, 85%, 67%)
Lime Wash
HEX: #ecfccb
RGB: rgb(236, 252, 203)
HSL: hsl(80, 89%, 89%)
CSS Variables
:root {
--neon-lime-1: #365314;
--neon-lime-2: #4d7c0f;
--neon-lime-3: #84cc16;
--neon-lime-4: #bef264;
--neon-lime-5: #ecfccb;
}Tailwind CSS Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'neon-lime': {
'100': '#365314',
'200': '#4d7c0f',
'300': '#84cc16',
'400': '#bef264',
'500': '#ecfccb',
},
},
},
},
}Use Cases
Fitness brands
Gaming UIs
Tech products
Sports marketing
Related Palettes
Frequently Asked Questions
When should I use neon lime in design?▾
Neon lime works best as an accent color against dark backgrounds. It is particularly effective for call-to-action buttons, highlights, and badges in tech and gaming interfaces.
How do I make neon colors accessible?▾
Avoid using neon colors for body text. Use them for accents and highlights only. Ensure text over neon backgrounds has sufficient contrast (4.5:1 ratio minimum).