#F5F5F5
#CBCBCB
#3A5400
#2B2B2B
#2B2B2BGunmetal
#4A4A4AGraphite
#A6E22EPear
#F5F5F5Smoke
Lime & Charcoal is a muted neutral-based color palette tagged modern, dark, minimal. Built almost entirely from neutrals, with Pear (#A6E22E) as the single point of color. Saturation stays low across the board, giving it a calm, editorial feel.
Color codes click any value to copy
Why it works and how to use it
It works because the lightness range is wide (17% to 96%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Smoke (#F5F5F5) is the lightest color, so it belongs on large surfaces.
- Text: Gunmetal (#2B2B2B) on #F5F5F5 gives 12.99:1, passing WCAG AAA.
- Primary: Pear (#A6E22E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Graphite (#4A4A4A) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Gunmetal on Smoke at 12.99:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lime & Charcoal
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
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2B2B2B on #F5F5F5 | Aa | 12.99:1 | AAA |
#2B2B2B on #A6E22E | Aa | 9.13:1 | AAA |
#4A4A4A on #F5F5F5 | Aa | 8.13:1 | AAA |
#4A4A4A on #A6E22E | Aa | 5.71:1 | AA |
#2B2B2B on #4A4A4A | Aa | 1.6:1 | Fail |
#A6E22E on #F5F5F5 | Aa | 1.42:1 | Fail |
Similar palettes 24 more in this mood
#0F0F0F
#444444
#049C65
#F4EEE8
#222831
#575D65
#00ADB5
#EEEEEE
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#ECF1F7
#FF2A6C
#4E6074
#222A32
#2B2B2B
#4A4A4A
#00E9DB
#F5F5F5
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#222831
#575D65
#988BDA
#EEEEEE
#121214
#5D6064
#B3CCFF
#E6EEFF
#2C2C30
#606068
#FF90A0
#FAFAFC
#FDFDFD
#E4E4E3
#84CA57
#1C1917
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#2B2B2B
#4A4A4A
#FFABE8
#F5F5F5
#EDEEF0
#C9CCD1
#006699
#05141E
#111111
#424242
#E444BE
#FAFAFA
#202020
#565656
#FF796E
#FAFAFA
#222831
#575D65
#D67A79
#EEEEEE
#0F0F0F
#444444
#C8623F
#F4EEE8
#111111
#424242
#8C9B00
#FAFAFA
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6