#506B57
#7AAA84
#B9F1BC
#E3F4E6
#225133Evergreen
#368D51Forest
#74D47EPistachio
#F0FFF2Ivory
Pistachio & Forest Mist is a monochromatic color palette tagged gradient, nature, green. All four colors sit within 16° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Evergreen | #225133 | rgb(34, 81, 51) | hsl(142, 41%, 23%) | oklch(39.3% 0.073 153) | |
| Forest | #368D51 | rgb(54, 141, 81) | hsl(139, 45%, 38%) | oklch(57.5% 0.124 151) | |
| Pistachio | #74D47E | rgb(116, 212, 126) | hsl(126, 53%, 64%) | oklch(79.0% 0.151 146) | |
| Ivory | #F0FFF2 | rgb(240, 255, 242) | hsl(128, 100%, 97%) | oklch(98.5% 0.023 149) |
Why it works and how to use it
It works because the lightness range is wide (23% to 97%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.
- Background: Ivory (#F0FFF2) is the lightest color, so it belongs on large surfaces.
- Text: Evergreen (#225133) on #F0FFF2 gives 8.85:1, passing WCAG AAA.
- Primary: Pistachio (#74D47E) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Forest (#368D51) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Evergreen on Ivory at 8.85:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio & Forest Mist
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
#225133
#368D51
#74D47E
#F0FFF2
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#225133 on #F0FFF2 | Aa | 8.85:1 | AAA |
#225133 on #74D47E | Aa | 5:1 | AA |
#368D51 on #F0FFF2 | Aa | 3.99:1 | AA large only |
#368D51 on #74D47E | Aa | 2.25:1 | Fail |
#225133 on #368D51 | Aa | 2.22:1 | Fail |
#74D47E on #F0FFF2 | Aa | 1.77:1 | Fail |
Similar palettes 24 more in this mood
#0B3D20
#1F7A3F
#5FBF6A
#D8F3DC
#243A0E
#507418
#91B63F
#E2F0D3
#437F63
#6CD0A0
#AAEAC7
#F0FFF2
#3A86FF
#8EC5FC
#E0C3FC
#FFFFFF
#2D6A4F
#52B788
#95D5B2
#D8F3DC
#00818A
#009D8C
#31CA88
#ACE496
#3F6D26
#9A8E38
#C4976A
#FFBAAD
#397700
#C88C00
#BCB600
#FFC9AC
#D9ED92
#99D98C
#52B69A
#168AAD
#304D7C
#4F78A9
#89B3D6
#E9F1F7
#5F31A6
#8F37B7
#DA86E8
#FEF8FF
#1E4C30
#368861
#62B692
#B8DFCE
#498711
#00AA6D
#00C0AE
#00DDF3
#7C3300
#A25500
#EB7600
#FCE4EC
#E7EAFF
#D8C7FF
#DCACDB
#C3A9B3
#E2D900
#6EB659
#00A381
#006C74
#00705F
#9FB100
#4CE26B
#FBCF64
#807E00
#39AE20
#00C8A2
#FFBD4E
#655E00
#E69B00
#00E5A4
#9DF25C
#792A2D
#B63845
#F6626A
#FFF7F7
#904F00
#8AC337
#D0C700
#EEBD58
#3F1F52
#7D4DAB
#B275FF
#FCF9FF
#4F6B6C
#75A6A8
#A4E8EA
#DBF4F5