#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#F7F7ECSmoke
#D6E4B8Pearl
#A9C48APistachio
#3F5233Hunter Green
Pistachio Cream is a monochromatic color palette tagged nature, muted, white. A monochromatic set: the same hue family from Hunter Green down to Smoke. 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 |
|---|---|---|---|---|---|
| Smoke | #F7F7EC | rgb(247, 247, 236) | hsl(60, 41%, 95%) | oklch(97.3% 0.014 107) | |
| Pearl | #D6E4B8 | rgb(214, 228, 184) | hsl(79, 45%, 81%) | oklch(89.7% 0.060 122) | |
| Pistachio | #A9C48A | rgb(169, 196, 138) | hsl(88, 33%, 65%) | oklch(78.6% 0.084 128) | |
| Hunter Green | #3F5233 | rgb(63, 82, 51) | hsl(97, 23%, 26%) | oklch(41.4% 0.055 134) |
Why it works and how to use it
It works because the lightness range is wide (26% to 95%), which gives clear hierarchy between background, content and accents. Try it for wellness, organic and outdoor brands.
- Background: Smoke (#F7F7EC) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#3F5233) on #F7F7EC gives 7.9:1, passing WCAG AAA.
- Primary: Pearl (#D6E4B8) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Pistachio (#A9C48A) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Hunter Green at 7.9:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Pistachio Cream
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
#F7F7EC
#D6E4B8
#A9C48A
#3F5233
Color-blind check: under tritanopia, Smoke and Pearl become hard to tell apart, so do not rely on that pair alone to carry meaning.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F7F7EC on #3F5233 | Aa | 7.9:1 | AAA |
#D6E4B8 on #3F5233 | Aa | 6.35:1 | AA |
#A9C48A on #3F5233 | Aa | 4.44:1 | AA large only |
#F7F7EC on #A9C48A | Aa | 1.78:1 | Fail |
#D6E4B8 on #A9C48A | Aa | 1.43:1 | Fail |
#F7F7EC on #D6E4B8 | Aa | 1.24:1 | Fail |
Similar palettes 24 more in this mood
#AECC9F
#E2F9B8
#F4EEDF
#DE9390
#2D6A4F
#40916C
#B7E4C7
#FFFDF7
#3F5A36
#7A9B5C
#C9D8A8
#F9F8F1
#56724D
#96B878
#E4F3C2
#FBFAF3
#506B57
#7AAA84
#B9F1BC
#E3F4E6
#467450
#79AB79
#C7E8B8
#F7FDF1
#525F34
#869656
#BECC85
#FCFBEF
#3E4A1F
#6B7A3A
#A3B06A
#F3F2E6
#40513B
#609966
#9DC08B
#EDF1D6
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#82AC82
#6F7A56
#006D51
#003F3C
#667A56
#A2B389
#DAC799
#9D697A
#FFBB81
#FFFBE4
#A4CC81
#77AB99
#414832
#6E7756
#A5AD88
#F2F2EB
#3B2E23
#6B5A3E
#8FA26B
#EEF0E4
#4F4236
#827053
#A4B77F
#FAFCEF
#225133
#368D51
#74D47E
#F0FFF2
#F4A259
#F4E285
#8CB369
#5B8E7D
#554910
#A76704
#A5BC85
#FFC5B2
#6A994E
#A7C957
#F2E8CF
#BC4749
#005313
#186F08
#4F8F45
#8FCD85
#8AA944
#00967D
#007D82
#285A34