Serene Forest Color Palette
This palette exudes a serene forest vibe, blending deep emerald greens with soft sage and muted earthy tones, evoking a tranquil, nature-inspired oasis.
Practical uses and creative applications
The Serene Forest Color Palette is a harmonious blend of deep greens and earthy tones, perfect for evoking a sense of tranquility and connection with nature. Comprising #213435, #46685b, #648a64, #a6b985, and #e1e3ac, this palette is ideal for branding projects aimed at eco-friendly businesses, wellness brands, or any company striving to convey a message of sustainability.
The rich, muted tones create a calming atmosphere, making it a wonderful choice for web design, where user experience is critical. Designers and creatives looking to incorporate the Serene Forest palette into their work will find its versatility especially appealing.
In packaging design, these colors can enhance the visual appeal of organic products, drawing consumers in with their earthy charm. Additionally, this palette is well-suited for interior design projects, providing a soothing backdrop for spaces such as spas, yoga studios, or modern homes that embrace biophilic design principles.
Whether used in digital or physical applications, the Serene Forest Color Palette is sure to inspire a peaceful and rejuvenating environment.
Tailwind color scales
Browse Tailwind CSS color scales. Copy OKLCH, HEX, or HSL with one click. Preview colors in real UI examples and check contrast for accessibility.
dsfds
50 | oklch(0.932 0.012 196.95) | #e0ebeb | hsl(180, 22%, 90%) |
|
|
100 | oklch(0.829 0.029 202.07) | #b2cdcf | hsl(184, 23%, 75%) |
|
|
200 | oklch(0.726 0.047 199.67) | #84b0b2 | hsl(183, 23%, 61%) |
|
|
300 | oklch(0.611 0.056 200.46) | #5a8e91 | hsl(183, 23%, 46%) |
|
|
400 | oklch(0.467 0.040 200.43) | #3e6163 | hsl(183, 23%, 32%) |
|
|
500 | oklch(0.309 0.025 200.11) | #213435 | hsl(183, 23%, 17%) |
|
|
600 | oklch(0.294 0.024 200.34) | #1e3031 | hsl(183, 24%, 15%) |
|
|
700 | oklch(0.279 0.021 196.00) | #1c2c2c | hsl(180, 22%, 14%) |
|
|
800 | oklch(0.260 0.019 201.62) | #192728 | hsl(184, 23%, 13%) |
|
|
900 | oklch(0.245 0.018 202.05) | #162324 | hsl(184, 24%, 11%) |
|
|
950 | oklch(0.229 0.016 196.11) | #141f1f | hsl(180, 22%, 10%) |
|
dsfds
50 | oklch(0.929 0.010 174.26) | #e1eae7 | hsl(160, 18%, 90%) |
|
|
100 | oklch(0.851 0.027 169.18) | #bed4cb | hsl(155, 20%, 79%) |
|
|
200 | oklch(0.770 0.040 169.38) | #9cbdb0 | hsl(156, 20%, 68%) |
|
|
300 | oklch(0.688 0.054 168.92) | #7aa695 | hsl(157, 20%, 56%) |
|
|
400 | oklch(0.596 0.056 168.82) | #5d8a79 | hsl(157, 19%, 45%) |
|
|
500 | oklch(0.487 0.045 168.64) | #46685b | hsl(157, 20%, 34%) |
|
|
600 | oklch(0.437 0.039 168.90) | #3c594e | hsl(157, 19%, 29%) |
|
|
700 | oklch(0.389 0.035 167.70) | #324b41 | hsl(156, 20%, 25%) |
|
|
800 | oklch(0.336 0.029 167.82) | #283c34 | hsl(156, 20%, 20%) |
|
|
900 | oklch(0.282 0.022 172.03) | #1e2d28 | hsl(160, 20%, 15%) |
|
|
950 | oklch(0.225 0.014 172.58) | #151e1b | hsl(160, 18%, 10%) |
|
dsfds
50 | oklch(0.928 0.015 145.45) | #e1eae1 | hsl(120, 18%, 90%) |
|
|
100 | oklch(0.864 0.026 145.35) | #c8d7c8 | hsl(120, 16%, 81%) |
|
|
200 | oklch(0.797 0.039 145.20) | #aec4ae | hsl(120, 16%, 73%) |
|
|
300 | oklch(0.734 0.052 145.02) | #95b295 | hsl(120, 16%, 64%) |
|
|
400 | oklch(0.666 0.066 144.79) | #7b9f7b | hsl(120, 16%, 55%) |
|
|
500 | oklch(0.594 0.071 144.62) | #648a64 | hsl(120, 16%, 47%) |
|
|
600 | oklch(0.525 0.062 144.63) | #547454 | hsl(120, 16%, 39%) |
|
|
700 | oklch(0.457 0.052 144.66) | #455f45 | hsl(120, 16%, 32%) |
|
|
800 | oklch(0.382 0.042 144.70) | #354935 | hsl(120, 16%, 25%) |
|
|
900 | oklch(0.304 0.031 144.76) | #253325 | hsl(120, 16%, 17%) |
|
|
950 | oklch(0.223 0.022 144.81) | #151e15 | hsl(120, 18%, 10%) |
|
dsfds
50 | oklch(0.936 0.018 123.98) | #e7ecdf | hsl(83, 25%, 90%) |
|
|
100 | oklch(0.901 0.029 124.03) | #dae2cd | hsl(83, 27%, 85%) |
|
|
200 | oklch(0.866 0.041 124.18) | #cdd8bb | hsl(83, 27%, 79%) |
|
|
300 | oklch(0.831 0.052 124.39) | #c0cea9 | hsl(83, 27%, 74%) |
|
|
400 | oklch(0.793 0.063 124.05) | #b3c397 | hsl(82, 27%, 68%) |
|
|
500 | oklch(0.758 0.074 124.44) | #a6b985 | hsl(82, 27%, 62%) |
|
|
600 | oklch(0.690 0.096 125.51) | #8da663 | hsl(82, 27%, 52%) |
|
|
700 | oklch(0.589 0.084 125.41) | #71864d | hsl(82, 27%, 41%) |
|
|
800 | oklch(0.479 0.066 124.83) | #55643a | hsl(81, 27%, 31%) |
|
|
900 | oklch(0.362 0.047 124.70) | #384226 | hsl(81, 27%, 20%) |
|
|
950 | oklch(0.234 0.025 125.36) | #1b2013 | hsl(83, 25%, 10%) |
|
dsfds
50 | oklch(0.954 0.033 108.87) | #f1f2d9 | hsl(62, 49%, 90%) |
|
|
100 | oklch(0.943 0.041 108.67) | #eeefd0 | hsl(62, 49%, 88%) |
|
|
200 | oklch(0.933 0.049 108.58) | #ebecc7 | hsl(62, 49%, 85%) |
|
|
300 | oklch(0.922 0.056 109.65) | #e7e9be | hsl(63, 49%, 83%) |
|
|
400 | oklch(0.911 0.064 109.54) | #e4e6b5 | hsl(62, 49%, 81%) |
|
|
500 | oklch(0.901 0.072 109.49) | #e1e3ac | hsl(62, 50%, 78%) |
|
|
600 | oklch(0.839 0.112 110.28) | #ced178 | hsl(62, 49%, 65%) |
|
|
700 | oklch(0.781 0.145 111.53) | #bbc044 | hsl(62, 50%, 51%) |
|
|
800 | oklch(0.626 0.116 111.07) | #8b8e30 | hsl(62, 49%, 37%) |
|
|
900 | oklch(0.453 0.081 111.05) | #585a1e | hsl(62, 50%, 24%) |
|
|
950 | oklch(0.261 0.041 110.99) | #25260d | hsl(62, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.