#40513B
#609966
#9DC08B
#EDF1D6
#E0F5DABeige
#8AC58FPistachio
#739562Moss
#4B4E37Graphite
Pistachio & Moss Path is a analogous color palette tagged muted, green. Analogous neighbors on the wheel (Beige, Pistachio, Moss) 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 |
|---|---|---|---|---|---|
| Beige | #E0F5DA | rgb(224, 245, 218) | hsl(107, 57%, 91%) | oklch(94.7% 0.042 139) | |
| Pistachio | #8AC58F | rgb(138, 197, 143) | hsl(125, 34%, 66%) | oklch(76.9% 0.098 147) | |
| Moss | #739562 | rgb(115, 149, 98) | hsl(100, 21%, 48%) | oklch(63.1% 0.083 136) | |
| Graphite | #4B4E37 | rgb(75, 78, 55) | hsl(68, 17%, 26%) | oklch(41.4% 0.037 114) |
Why it works and how to use it
It works because the lightness range is wide (26% to 91%), which gives clear hierarchy between background, content and accents. Try it for websites, presentations and branding.
- Background: Beige (#E0F5DA) is the lightest color, so it belongs on large surfaces.
- Text: Graphite (#4B4E37) on #E0F5DA gives 7.46:1, passing WCAG AAA.
- Primary: Pistachio (#8AC58F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Moss (#739562) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Beige on Graphite at 7.46:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio & Moss Path
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
#E0F5DA
#8AC58F
#739562
#4B4E37
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#E0F5DA on #4B4E37 | Aa | 7.46:1 | AAA |
#8AC58F on #4B4E37 | Aa | 4.28:1 | AA large only |
#E0F5DA on #739562 | Aa | 2.94:1 | Fail |
#739562 on #4B4E37 | Aa | 2.54:1 | Fail |
#E0F5DA on #8AC58F | Aa | 1.74:1 | Fail |
#8AC58F on #739562 | Aa | 1.69:1 | Fail |
Similar palettes 24 more in this mood
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
#5F6B3B
#8C9A5B
#D6C9A8
#F5F0E6
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#688E79
#83B9C6
#B7D3A5
#D0D1D0
#FFE0F1
#FFE1BB
#B0D4FD
#96D9B8
#5CBAA9
#5E99B8
#23737D
#356345
#95B39E
#BAD297
#ACF6EA
#F5EFD2
#A1CC93
#AAA9C7
#BA955A
#7C7A95
#F8E1E7
#F4A6B7
#8FBF9F
#4F6457
#4D3424
#88604A
#BBE9CD
#F6FCF8
#673D22
#6C5936
#949761
#B3D6AC
#3B684F
#855D7A
#B47798
#88BA9B
#B9EDCE
#8CA863
#807239
#6C4419
#BEC2DE
#A2B98F
#9696AB
#927553
#D4DDC2
#A7D9A4
#C5BF9C
#B59A71
#EFE7D9
#D7F3B4
#90C59B
#AEAD93
#BCB284
#EABBAB
#C2DA9E
#FFD3A5
#E4EAFF
#C9F2D3
#FDBDAD
#A5D8B5
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#B8B2A4
#A7D39D
#D7E09F
#FFE9D5
#5C7A4B
#9DB88C
#E9E4D4
#F8F6F0
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300