#005313
#186F08
#4F8F45
#8FCD85
#A7BA58Pistachio
#7B9C3DBasil
#4F6D27Fern
#394F00Hunter Green
Forest Basil & Pistachio is a dark, monochromatic color palette tagged forest, nature, green. All four colors sit within 14° 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 |
|---|---|---|---|---|---|
| Pistachio | #A7BA58 | rgb(167, 186, 88) | hsl(72, 42%, 54%) | oklch(75.3% 0.126 119) | |
| Basil | #7B9C3D | rgb(123, 156, 61) | hsl(81, 44%, 43%) | oklch(64.8% 0.129 126) | |
| Fern | #4F6D27 | rgb(79, 109, 39) | hsl(86, 47%, 29%) | oklch(49.5% 0.104 129) | |
| Hunter Green | #394F00 | rgb(57, 79, 0) | hsl(77, 100%, 15%) | oklch(39.5% 0.100 126) |
Why it works and how to use it
With 4 chromatic colors, Fern takes the lead while the rest support. Lightness runs from 15% to 54%. Well suited to wellness, organic and outdoor brands.
- Background: Pistachio (#A7BA58) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#394F00) on #A7BA58 gives 4.28:1, enough for large headings only.
- Primary: Fern (#4F6D27) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Basil (#7B9C3D) for highlights, badges and hover states.
No pair inside the palette reaches 4.5:1, so add black or white for body text.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Forest Basil & Pistachio
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
#A7BA58
#7B9C3D
#4F6D27
#394F00
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#A7BA58 on #394F00 | Aa | 4.28:1 | AA large only |
#7B9C3D on #394F00 | Aa | 2.91:1 | Fail |
#A7BA58 on #4F6D27 | Aa | 2.76:1 | Fail |
#7B9C3D on #4F6D27 | Aa | 1.88:1 | Fail |
#4F6D27 on #394F00 | Aa | 1.55:1 | Fail |
#A7BA58 on #7B9C3D | Aa | 1.47:1 | Fail |
Similar palettes 24 more in this mood
#00480D
#005748
#007E8C
#5A96BD
#293515
#447F4A
#209E77
#ACAB82
#4EA26C
#AB8F00
#89B56D
#BBC649
#003E41
#005E1A
#008C72
#3787A7
#9AC97E
#7FA16A
#547B3C
#0B4B00
#363300
#006469
#007C60
#599E41
#8DA689
#1EAE81
#009590
#575E24
#676418
#48795B
#95AB83
#4FC5B1
#213C04
#356344
#1C8888
#6F9C8F
#647B40
#2D6A65
#025934
#3E3300
#00561A
#2A6D23
#6CA366
#77BE65
#00937E
#3CA665
#8C9E78
#C1B84B
#72D585
#79A741
#4E947A
#3D3E00
#4D2E00
#567834
#0C9B69
#9A8900
#564D1C
#00807A
#68912E
#7DCCA1
#554223
#9B8A00
#93A869
#DAA785
#53CD8B
#539D55
#007440
#003C16
#003919
#1C8155
#3AA976
#8BC394
#8FCF94
#B68C62
#869937
#776000
#8F7033
#009168
#8AB07C
#BEC196
#006032
#2D636A
#52740F
#41B29F
#82AC82
#6F7A56
#006D51
#003F3C
#2E4E28
#11769F
#6FBEC4
#61D6B4