#004B23
#007200
#38B000
#9EF01A
#1B5D34Hunter Green
#2C8C28Forest
#56CB35Kelly Green
#E3FFCBCream
Kelly Green & Forest Path is a vivid analogous color palette tagged forest, vibrant, green. Analogous neighbors on the wheel (Hunter Green, Forest, Kelly Green) give it a natural, low-tension flow. Saturation runs high, so use the brightest color sparingly and let the others carry the surface area.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Hunter Green | #1B5D34 | rgb(27, 93, 52) | hsl(143, 55%, 24%) | oklch(42.6% 0.095 152) | |
| Forest | #2C8C28 | rgb(44, 140, 40) | hsl(118, 56%, 35%) | oklch(56.4% 0.163 143) | |
| Kelly Green | #56CB35 | rgb(86, 203, 53) | hsl(107, 59%, 50%) | oklch(74.6% 0.213 140) | |
| Cream | #E3FFCB | rgb(227, 255, 203) | hsl(92, 100%, 90%) | oklch(96.7% 0.074 131) |
Why it works and how to use it
The palette holds together thanks to its analogous hue relationship and a strong light-to-dark ladder (90% down to 24% lightness). A natural fit for websites, presentations and branding.
- Background: Cream (#E3FFCB) is the lightest color, so it belongs on large surfaces.
- Text: Hunter Green (#1B5D34) on #E3FFCB gives 7.3:1, passing WCAG AAA.
- Primary: Kelly Green (#56CB35) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Forest (#2C8C28) for highlights, badges and hover states.
1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Hunter Green on Cream at 7.3:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Kelly Green & Forest 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
#1B5D34
#2C8C28
#56CB35
#E3FFCB
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#1B5D34 on #E3FFCB | Aa | 7.3:1 | AAA |
#2C8C28 on #E3FFCB | Aa | 3.97:1 | AA large only |
#1B5D34 on #56CB35 | Aa | 3.75:1 | AA large only |
#2C8C28 on #56CB35 | Aa | 2.04:1 | Fail |
#56CB35 on #E3FFCB | Aa | 1.95:1 | Fail |
#1B5D34 on #2C8C28 | Aa | 1.84:1 | Fail |
Similar palettes 24 more in this mood
#1A5C33
#298A25
#53C831
#BFFF79
#0D1A14
#385645
#6DBF8A
#E8F3EC
#2F5D3A
#5E8F5E
#A9C99A
#EEF4E8
#005313
#186F08
#4F8F45
#8FCD85
#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
#A7BA58
#7B9C3D
#4F6D27
#394F00
#003919
#1C8155
#3AA976
#8BC394