#1C1616
#8A6E6C
#24C43D
#F1ECEC
#102B18Raisin
#3C753DFern
#79CD6FPistachio
#ECFDF5Smoke
Fresh Pistachio & Fern is a monochromatic color palette tagged luxury, green, white. A monochromatic set: the same hue family from Raisin 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 |
|---|---|---|---|---|---|
| Raisin | #102B18 | rgb(16, 43, 24) | hsl(138, 46%, 12%) | oklch(26.2% 0.049 151) | |
| Fern | #3C753D | rgb(60, 117, 61) | hsl(121, 32%, 35%) | oklch(50.9% 0.105 144) | |
| Pistachio | #79CD6F | rgb(121, 205, 111) | hsl(114, 48%, 62%) | oklch(77.3% 0.153 142) | |
| Smoke | #ECFDF5 | rgb(236, 253, 245) | hsl(152, 81%, 96%) | oklch(97.9% 0.021 166) |
Why it works and how to use it
It works because the lightness range is wide (12% to 96%), which gives clear hierarchy between background, content and accents. Try it for premium branding and packaging.
- Background: Smoke (#ECFDF5) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#102B18) on #ECFDF5 gives 14.44:1, passing WCAG AAA.
- Primary: Pistachio (#79CD6F) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Fern (#3C753D) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Smoke at 14.44:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Fresh Pistachio & Fern
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
#102B18
#3C753D
#79CD6F
#ECFDF5
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#102B18 on #ECFDF5 | Aa | 14.44:1 | AAA |
#102B18 on #79CD6F | Aa | 7.8:1 | AAA |
#3C753D on #ECFDF5 | Aa | 5.24:1 | AA |
#3C753D on #79CD6F | Aa | 2.83:1 | Fail |
#102B18 on #3C753D | Aa | 2.76:1 | Fail |
#79CD6F on #ECFDF5 | Aa | 1.85:1 | Fail |
Similar palettes 24 more in this mood
#1B1F2A
#6B7388
#2CB857
#EEF1F9
#FCF0F2
#99717A
#008F4E
#302024
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#000000
#3A3A3A
#D4AF37
#F2F2F2
#022C22
#047857
#34D399
#ECFDF5
#2B2B2B
#C9A227
#EAE7DC
#FFFFFF
#14101F
#4D4365
#8E6BFF
#EEE9FF
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#1C1509
#FFCA62
#E0D5C0
#F9F4EC
#F0F0F0
#7454DD
#574F44
#0E0E0E
#F2EEE8
#8064F0
#89795F
#2A241B
#EFEFEF
#A22DE0
#6A5F52
#222221
#180201
#514949
#208C00
#DEDEDE
#342037
#725071
#A17698
#F0EAF0
#302D26
#776C54
#C448CD
#F6F4EF
#0B0B0B
#3F3F3F
#C9A961
#F7F4EC
#0B3B2E
#1F6F5B
#D4AF37
#F6F1E6
#3E0A1D
#8B2F4B
#C9A961
#F4ECE4
#0E1B33
#375482
#B08D57
#F2EFE9
#FBF7EF
#EAD9B8
#C9A961
#3A3226
#2C2B23
#676347
#7C7BFF
#F2F1EC
#EEEDF1
#E58600
#716C78
#200F28
#F8F5EE
#F1BC00
#817A6A
#2C271D