Midnight Forest Color Palette
Near-black navy deepening into mossy greens, like a forest after dark.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#0B132B
#1C2541
#3A5A40
#588157
#A3B18A
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #0B132B | T - | T - | |
| #1C2541 | T - | T - | |
| #3A5A40 | T - | T - | |
| #588157 | T - | T - | |
| #A3B18A | 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.
Midnight Forest CSS Code
oklch(19.44% 0.0498 267.74) oklch(27.12% 0.0538 269.13) oklch(43.47% 0.0569 149.44) oklch(56.12% 0.0784 143.89) oklch(73.9% 0.0564 123.81)
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 Midnight Forest palette?
Near-black navy deepening into mossy greens, like a forest after dark.
How do I turn the Midnight Forest palette into a CSS gradient?
Use background: linear-gradient(to right, #0B132B, #1C2541, #3A5A40, #588157, #A3B18A);, or click "Make it a gradient" above to open it in the live generator.