#0B3D20
#1F7A3F
#5FBF6A
#D8F3DC
#243A0EEvergreen
#507418Fern
#91B63FPistachio
#E2F0D3Eggshell
Pistachio & Fern Vibe is a monochromatic color palette tagged gradient, nature, green. A monochromatic set: the same hue family from Evergreen down to Eggshell. 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 |
|---|---|---|---|---|---|
| Evergreen | #243A0E | rgb(36, 58, 14) | hsl(90, 61%, 14%) | oklch(31.9% 0.073 132) | |
| Fern | #507418 | rgb(80, 116, 24) | hsl(83, 66%, 27%) | oklch(51.3% 0.124 129) | |
| Pistachio | #91B63F | rgb(145, 182, 63) | hsl(79, 49%, 48%) | oklch(72.5% 0.151 125) | |
| Eggshell | #E2F0D3 | rgb(226, 240, 211) | hsl(89, 49%, 88%) | oklch(93.7% 0.041 128) |
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 (88% down to 14% lightness). A natural fit for wellness, organic and outdoor brands.
- Background: Eggshell (#E2F0D3) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#243A0E) on #E2F0D3 gives 10.46:1, passing WCAG AAA.
- Primary: Fern (#507418) is the most saturated mid-tone; use it for buttons and links (4.58:1 against the background, fine for UI elements).
- Accent: Pistachio (#91B63F) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Eggshell at 10.46:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio & Fern Vibe
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
#243A0E
#507418
#91B63F
#E2F0D3
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#243A0E on #E2F0D3 | Aa | 10.46:1 | AAA |
#243A0E on #91B63F | Aa | 5.32:1 | AA |
#507418 on #E2F0D3 | Aa | 4.58:1 | AA |
#507418 on #91B63F | Aa | 2.33:1 | Fail |
#243A0E on #507418 | Aa | 2.28:1 | Fail |
#91B63F on #E2F0D3 | Aa | 1.97:1 | Fail |
Similar palettes 24 more in this mood
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#225133
#368D51
#74D47E
#F0FFF2
#2D6A4F
#52B788
#95D5B2
#D8F3DC
#00818A
#009D8C
#31CA88
#ACE496
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#397700
#C88C00
#BCB600
#FFC9AC
#D9ED92
#99D98C
#52B69A
#168AAD
#1E4C30
#368861
#62B692
#B8DFCE
#498711
#00AA6D
#00C0AE
#00DDF3
#E2D900
#6EB659
#00A381
#006C74
#00705F
#9FB100
#4CE26B
#FBCF64
#807E00
#39AE20
#00C8A2
#FFBD4E
#655E00
#E69B00
#00E5A4
#9DF25C
#904F00
#8AC337
#D0C700
#EEBD58
#EFFFBE
#B4F5A7
#6ED1B4
#38A1C4
#FFDBAE
#DFC460
#91AD64
#05927F
#003C32
#007962
#00C397
#CFF4E8
#2D6A4F
#65A5E7
#95D5B2
#D8F3DC
#004D4F
#008276
#4BBA86
#AAE1B7
#76872B
#76B469
#78DBBE
#B9EBFF
#6B4E00
#C99A00
#7DF59F
#FFF3C4
#423A00
#7A6700
#AA9A00
#E0E6B8
#5B3DF5
#8E6BFF
#FF8FB1
#FFD1DC