#467450
#79AB79
#C7E8B8
#F7FDF1
#2F5D3AHunter Green
#5E8F5EBasil
#A9C99AAsh
#EEF4E8Linen
Fern Gully is a analogous color palette tagged nature, forest, muted. Analogous neighbors on the wheel (Hunter Green, Basil, Ash) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hunter Green | #2F5D3A | rgb(47, 93, 58) | hsl(134, 33%, 27%) | oklch(43.5% 0.077 150) | |
| Basil | #5E8F5E | rgb(94, 143, 94) | hsl(120, 21%, 46%) | oklch(60.2% 0.090 144) | |
| Ash | #A9C99A | rgb(169, 201, 154) | hsl(101, 30%, 70%) | oklch(80.0% 0.073 136) | |
| Linen | #EEF4E8 | rgb(238, 244, 232) | hsl(90, 35%, 93%) | oklch(95.9% 0.017 129) |
Why it works and how to use it
It works because the lightness range is wide (27% to 93%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.
- Background: Linen (#EEF4E8) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#2F5D3A) on #EEF4E8 gives 6.82:1, passing WCAG AA.
- Primary: Ash (#A9C99A) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#5E8F5E) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on Linen at 6.82:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Fern Gully
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
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#2F5D3A on #EEF4E8 | Aa | 6.82:1 | AA |
#2F5D3A on #A9C99A | Aa | 4.19:1 | AA large only |
#5E8F5E on #EEF4E8 | Aa | 3.37:1 | AA large only |
#5E8F5E on #A9C99A | Aa | 2.07:1 | Fail |
#2F5D3A on #5E8F5E | Aa | 2.03:1 | Fail |
#A9C99A on #EEF4E8 | Aa | 1.63:1 | Fail |
Similar palettes 24 more in this mood
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#82AC82
#6F7A56
#006D51
#003F3C
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#525F34
#869656
#BECC85
#FCFBEF
#3E4A1F
#6B7A3A
#A3B06A
#F3F2E6
#40513B
#609966
#9DC08B
#EDF1D6
#005313
#186F08
#4F8F45
#8FCD85
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#4EA26C
#AB8F00
#89B56D
#BBC649
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00
#363300
#006469
#007C60
#599E41
#8DA689
#1EAE81
#009590
#575E24
#676418
#48795B
#95AB83
#4FC5B1
#00561A
#2A6D23
#6CA366
#77BE65
#00937E
#3CA665
#8C9E78
#C1B84B