Sage Garden Color Palette
Muted sage greens, calm and garden-fresh.
Make it a gradient → Want to adjust the palette colors? Use the Color Palette Generator →
Colors
#4A5D45
#6B8064
#8FA588
#B5C7AE
#DCE6D5
Contrast on Light & Dark Backgrounds
| Color | Hex | On White | On Black |
|---|---|---|---|
| #4A5D45 | T - | T - | |
| #6B8064 | T - | T - | |
| #8FA588 | T - | T - | |
| #B5C7AE | T - | T - | |
| #DCE6D5 | 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.
Sage Garden CSS Code
oklch(45.52% 0.0447 139.19) oklch(57.49% 0.0486 137.93) oklch(69.67% 0.0483 138.16) oklch(80.9% 0.0397 136.87) oklch(91.27% 0.0251 132.13)
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 Sage Garden palette?
Muted sage greens, calm and garden-fresh.
How do I turn the Sage Garden palette into a CSS gradient?
Use background: linear-gradient(to right, #4A5D45, #6B8064, #8FA588, #B5C7AE, #DCE6D5);, or click "Make it a gradient" above to open it in the live generator.