#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
#F5F5F5Smoke
#CBCBCBFog
#3A5400Hunter Green
#2B2B2BGunmetal
Hunter Green & Smoke Dream is a neutral-based color palette tagged modern, dark, minimal. Hunter Green is the only saturated color here, so it does all the talking against a neutral base. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #F5F5F5 | rgb(245, 245, 245) | hsl(0, 0%, 96%) | oklch(97.0% 0.000 0) | |
| Fog | #CBCBCB | rgb(203, 203, 203) | hsl(0, 0%, 80%) | oklch(84.2% 0.000 0) | |
| Hunter Green | #3A5400 | rgb(58, 84, 0) | hsl(79, 100%, 16%) | oklch(40.9% 0.106 127) | |
| Gunmetal | #2B2B2B | rgb(43, 43, 43) | hsl(0, 0%, 17%) | oklch(28.9% 0.000 0) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Hunter Green to lead. Lightness runs from 16% to 96%. Well suited to 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: Hunter Green (#3A5400) is the most saturated mid-tone; use it for buttons and links (7.87:1 against the background, fine for UI elements).
- Accent: Fog (#CBCBCB) for highlights, badges and hover states.
4 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Gunmetal at 12.99:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Hunter Green & Smoke Dream
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
#F5F5F5
#CBCBCB
#3A5400
#2B2B2B
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F5F5F5 on #2B2B2B | Aa | 12.99:1 | AAA |
#CBCBCB on #2B2B2B | Aa | 8.73:1 | AAA |
#F5F5F5 on #3A5400 | Aa | 7.87:1 | AAA |
#CBCBCB on #3A5400 | Aa | 5.29:1 | AA |
#3A5400 on #2B2B2B | Aa | 1.65:1 | Fail |
#F5F5F5 on #CBCBCB | Aa | 1.49: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