#FF6B6B
#FFD93D
#6BCB77
#4D96FF
#1F3C00Evergreen
#2E6E00Fern
#85B400Kelly Green
#C2F177Mint
Lush Kelly Green & Mint is a vivid dark, monochromatic color palette tagged vibrant, green. A monochromatic set: the same hue family from Evergreen down to Mint. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Evergreen | #1F3C00 | rgb(31, 60, 0) | hsl(89, 100%, 12%) | oklch(32.1% 0.091 133) | |
| Fern | #2E6E00 | rgb(46, 110, 0) | hsl(95, 100%, 22%) | oklch(47.7% 0.145 137) | |
| Kelly Green | #85B400 | rgb(133, 180, 0) | hsl(76, 100%, 35%) | oklch(71.0% 0.181 126) | |
| Mint | #C2F177 | rgb(194, 241, 119) | hsl(83, 81%, 71%) | oklch(90.0% 0.159 127) |
Why it works and how to use it
The palette holds together thanks to its monochromatic hue relationship and a strong light-to-dark ladder (71% down to 12% lightness). A natural fit for dark-mode interfaces and gaming.
- Background: Mint (#C2F177) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#1F3C00) on #C2F177 gives 9.47:1, passing WCAG AAA.
- Primary: Fern (#2E6E00) is the most saturated mid-tone; use it for buttons and links (4.82:1 against the background, fine for UI elements).
- Accent: Kelly Green (#85B400) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Mint at 9.47:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lush Kelly Green & Mint
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#1F3C00
#2E6E00
#85B400
#C2F177
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1F3C00 on #C2F177 | Aa | 9.47:1 | AAA |
#1F3C00 on #85B400 | Aa | 5:1 | AA |
#2E6E00 on #C2F177 | Aa | 4.82:1 | AA |
#2E6E00 on #85B400 | Aa | 2.55:1 | Fail |
#1F3C00 on #2E6E00 | Aa | 1.96:1 | Fail |
#85B400 on #C2F177 | Aa | 1.89:1 | Fail |
Similar palettes 24 more in this mood
#004B23
#007200
#38B000
#9EF01A
#B22222
#165B33
#F8B229
#FFFFFF
#F94144
#F3722C
#F9C74F
#90BE6D
#00B0CA
#79D213
#00ED9D
#58FDEE
#E16700
#D98900
#D5D65B
#67C48E
#001A16
#00B6AE
#40D654
#C4F328
#FF595E
#FFCA3A
#8AC926
#1982C4
#397700
#C88C00
#BCB600
#FFC9AC
#00FAA0
#00E1D9
#87BB00
#000906
#4A148C
#006746
#BA68C8
#F3E5F5
#ACBD00
#5FCF64
#FBA255
#FFD262
#CDD61D
#FF9600
#499526
#8F6E00
#D3AB00
#60D968
#BCD355
#FFC893
#B49F00
#DB9744
#97D45A
#63FABD
#39C569
#A1BA5E
#E7BD00
#FFD1A7
#1B5D34
#2C8C28
#56CB35
#E3FFCB
#00B7BA
#00CC9A
#99FA6E
#EBE762
#3EF58F
#7DCD20
#00BFC0
#00A78A
#FF1E3C
#2BFF88
#0B0B0F
#FFF3B0
#72A900
#AC9900
#E29300
#FFD5C5
#0D0221
#5A189A
#39FF14
#FF8C00
#447600
#00A08B
#00D77F
#BFBF32
#E4A71C
#92B100
#CE833A
#706400