Forest Canopy Color Palette
Deep pine through fresh sage, layered like a forest canopy.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#1B4332
#2D6A4F
#40916C
#74C69D
#95D5B2
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #1B4332 | T - | T - | |
| #2D6A4F | T - | T - | |
| #40916C | T - | T - | |
| #74C69D | T - | T - | |
| #95D5B2 | T - | T - |
Each circle shows the color as text on white and black, with a simulated WCAG AA pass/fail badge. Not a guarantee of accessibility compliance. Click a check to verify it on colorcontrastcheck.com.
Forest Canopy CSS Code
oklch(34.84% 0.0547 163.36) oklch(47.58% 0.0777 162.16) oklch(59.56% 0.0985 161.39) oklch(76.27% 0.1008 160.95) oklch(82.01% 0.0819 159.98)
The same colors in OKLCH. In a gradient, OKLCH can also blend them more vividly. How OKLCH gradients work →
Similar Palettes
More Color Palettes
FAQ
What colors are in the Forest Canopy palette?
Deep pine through fresh sage, layered like a forest canopy.
How do I turn the Forest Canopy palette into a CSS gradient?
Use background: linear-gradient(to right, #1B4332, #2D6A4F, #40916C, #74C69D, #95D5B2);, or click "Make it a gradient" above to open it in the live generator.