#78A89A
#55849E
#005756
#003741
#315335Hunter Green
#526951Storm
#6D8F77Gray
#ADC6A8Ash
Hunter Green & Gray Shore is a muted monochromatic color palette tagged muted, gray. All four colors sit within 17° of hue, so the scheme reads as one color explored across light and dark. Every color is softened, so it works well as a background system for text-heavy layouts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hunter Green | #315335 | rgb(49, 83, 53) | hsl(127, 26%, 26%) | oklch(40.7% 0.064 147) | |
| Storm | #526951 | rgb(82, 105, 81) | hsl(117, 13%, 36%) | oklch(49.5% 0.047 144) | |
| Gray | #6D8F77 | rgb(109, 143, 119) | hsl(138, 13%, 49%) | oklch(61.7% 0.052 154) | |
| Ash | #ADC6A8 | rgb(173, 198, 168) | hsl(110, 21%, 72%) | oklch(80.0% 0.050 140) |
Why it works and how to use it
It works because the lightness range is wide (26% to 72%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Ash (#ADC6A8) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#315335) on #ADC6A8 gives 4.72:1, passing WCAG AA.
- Primary: Storm (#526951) is the most saturated mid-tone; use it for buttons and links (3.26:1 against the background, fine for UI elements).
- Accent: Gray (#6D8F77) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on Ash at 4.72:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Hunter Green & Gray Shore
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
#315335
#526951
#6D8F77
#ADC6A8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#315335 on #ADC6A8 | Aa | 4.72:1 | AA |
#526951 on #ADC6A8 | Aa | 3.26:1 | AA large only |
#315335 on #6D8F77 | Aa | 2.42:1 | Fail |
#6D8F77 on #ADC6A8 | Aa | 1.95:1 | Fail |
#526951 on #6D8F77 | Aa | 1.67:1 | Fail |
#315335 on #526951 | Aa | 1.45:1 | Fail |
Similar palettes 24 more in this mood
#BAB18C
#A09175
#6D654F
#433A20
#03363B
#58673A
#597D61
#7DAEA3
#5CBAA9
#5E99B8
#23737D
#356345
#5D4400
#8BA284
#AEB26C
#7ACBA9
#673D22
#6C5936
#949761
#B3D6AC
#8C4E2D
#925D67
#BD7269
#A88C6F
#DEB4A2
#BE9696
#7E5726
#4F4206
#BDC27E
#755E32
#5D4637
#31542B
#A1624B
#A66B96
#BDB0CE
#F4BAC2
#87B7A4
#5D8875
#3D6C5A
#2C4F3C
#ECA487
#C6966D
#C07873
#846839
#553521
#B08D64
#CBA49A
#FFADB2
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#82AC82
#6F7A56
#006D51
#003F3C
#845946
#A57344
#C0736B
#DC9AA5
#5589A4
#B59A69
#D8C497
#CDC3FF
#8BEACA
#D0DC82
#E3BD60
#457042
#554910
#A76704
#A5BC85
#FFC5B2
#594229
#6F7218
#AB9C75
#CEAB9A
#912805
#924F0E
#E1AB4F
#DBCC79
#C6CD7D
#EA8D6D
#A59775
#864D00
#D4B693
#B18974
#8E974C
#896F00