Serene Nature Color Palette
This palette radiates a serene, nature-inspired vibe with soft, muted greens and gentle pastels, evoking a tranquil, airy atmosphere reminiscent of a peaceful garden retreat.
Practical uses and creative applications
The Serene Nature Color Palette features a harmonious blend of soft greens and gentle earth tones, including shades like #c3dfd7, #c8dfd2, #cddfcd, #d2dfc8, and #d7dfc3. This palette is ideal for brands, web designers, and creatives aiming to evoke a sense of calm and tranquility.
Whether you’re designing a spa website, creating packaging for organic products, or curating an interior space that promotes relaxation, these soothing colors will help create a peaceful atmosphere that resonates with your audience. Perfect for designers who focus on wellness, eco-friendly products, or lifestyle brands, the Serene Nature Color Palette embodies the essence of nature’s serenity.
Its soft, muted tones are especially beneficial in branding efforts, enabling companies to communicate a message of sustainability and harmony. Additionally, this palette can be seamlessly integrated into various design projects, from minimalist web designs to calming interior decor, making it a versatile choice for anyone looking to inspire a tranquil mood in their work.
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.934 0.017 178.26) | #deede9 | hsl(164, 29%, 90%) |
|
|
| 100 | oklch(0.922 0.020 177.42) | #d8eae5 | hsl(163, 30%, 88%) |
|
|
| 200 | oklch(0.914 0.024 176.79) | #d3e8e2 | hsl(163, 31%, 87%) |
|
|
| 300 | oklch(0.903 0.026 175.52) | #cee5de | hsl(162, 31%, 85%) |
|
|
| 400 | oklch(0.892 0.029 177.65) | #c8e2db | hsl(164, 31%, 84%) |
|
|
| 500 | oklch(0.881 0.032 176.48) | #c3dfd7 | hsl(163, 30%, 82%) |
|
|
| 600 | oklch(0.784 0.056 175.65) | #93c5b7 | hsl(163, 30%, 67%) |
|
|
| 700 | oklch(0.690 0.080 173.33) | #63ac97 | hsl(163, 31%, 53%) |
|
|
| 800 | oklch(0.557 0.069 173.28) | #458170 | hsl(163, 30%, 39%) |
|
|
| 900 | oklch(0.403 0.048 173.11) | #2b5146 | hsl(163, 31%, 24%) |
|
|
| 950 | oklch(0.233 0.022 175.64) | #12211d | hsl(164, 29%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.017 162.73) | #dfece5 | hsl(148, 25%, 90%) |
|
|
| 100 | oklch(0.923 0.021 161.45) | #daeae1 | hsl(146, 28%, 89%) |
|
|
| 200 | oklch(0.912 0.023 160.19) | #d6e7dd | hsl(145, 26%, 87%) |
|
|
| 300 | oklch(0.902 0.025 160.55) | #d1e4d9 | hsl(145, 26%, 86%) |
|
|
| 400 | oklch(0.894 0.028 160.82) | #cde2d6 | hsl(146, 27%, 85%) |
|
|
| 500 | oklch(0.883 0.030 161.03) | #c8dfd2 | hsl(146, 26%, 83%) |
|
|
| 600 | oklch(0.783 0.057 160.30) | #99c4ac | hsl(147, 27%, 68%) |
|
|
| 700 | oklch(0.679 0.083 158.47) | #6aa885 | hsl(146, 26%, 54%) |
|
|
| 800 | oklch(0.547 0.074 157.93) | #497e60 | hsl(146, 27%, 39%) |
|
|
| 900 | oklch(0.396 0.050 159.17) | #2e4f3d | hsl(147, 26%, 25%) |
|
|
| 950 | oklch(0.229 0.023 160.37) | #132019 | hsl(148, 25%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.019 145.42) | #e0ebe0 | hsl(120, 22%, 90%) |
|
|
| 100 | oklch(0.921 0.022 145.39) | #dce9dc | hsl(120, 23%, 89%) |
|
|
| 200 | oklch(0.911 0.024 145.37) | #d8e6d8 | hsl(120, 22%, 87%) |
|
|
| 300 | oklch(0.903 0.026 145.36) | #d5e4d5 | hsl(120, 22%, 86%) |
|
|
| 400 | oklch(0.893 0.028 145.34) | #d1e1d1 | hsl(120, 21%, 85%) |
|
|
| 500 | oklch(0.885 0.031 145.31) | #cddfcd | hsl(120, 22%, 84%) |
|
|
| 600 | oklch(0.779 0.062 144.95) | #9fc29f | hsl(120, 22%, 69%) |
|
|
| 700 | oklch(0.669 0.092 144.46) | #71a471 | hsl(120, 22%, 54%) |
|
|
| 800 | oklch(0.539 0.083 144.31) | #4f7b4f | hsl(120, 22%, 40%) |
|
|
| 900 | oklch(0.389 0.058 144.37) | #314d31 | hsl(120, 22%, 25%) |
|
|
| 950 | oklch(0.225 0.026 144.64) | #141f14 | hsl(120, 22%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.019 130.19) | #e5ecdf | hsl(92, 25%, 90%) |
|
|
| 100 | oklch(0.926 0.023 131.15) | #e1eada | hsl(94, 28%, 89%) |
|
|
| 200 | oklch(0.916 0.025 132.13) | #dde7d6 | hsl(95, 26%, 87%) |
|
|
| 300 | oklch(0.905 0.028 131.82) | #d9e4d1 | hsl(95, 26%, 86%) |
|
|
| 400 | oklch(0.898 0.031 131.57) | #d6e2cd | hsl(94, 27%, 85%) |
|
|
| 500 | oklch(0.888 0.034 131.37) | #d2dfc8 | hsl(94, 26%, 83%) |
|
|
| 600 | oklch(0.791 0.065 131.54) | #acc499 | hsl(93, 27%, 68%) |
|
|
| 700 | oklch(0.690 0.095 132.38) | #85a86a | hsl(94, 26%, 54%) |
|
|
| 800 | oklch(0.556 0.085 132.62) | #607e49 | hsl(94, 27%, 39%) |
|
|
| 900 | oklch(0.403 0.057 131.80) | #3d4f2e | hsl(93, 26%, 25%) |
|
|
| 950 | oklch(0.232 0.026 131.19) | #192013 | hsl(92, 25%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.020 118.95) | #e9edde | hsl(76, 29%, 90%) |
|
|
| 100 | oklch(0.928 0.025 119.52) | #e5ead8 | hsl(77, 30%, 88%) |
|
|
| 200 | oklch(0.921 0.029 119.94) | #e2e8d3 | hsl(77, 31%, 87%) |
|
|
| 300 | oklch(0.910 0.032 120.81) | #dee5ce | hsl(78, 31%, 85%) |
|
|
| 400 | oklch(0.900 0.036 119.37) | #dbe2c8 | hsl(76, 31%, 84%) |
|
|
| 500 | oklch(0.890 0.038 120.15) | #d7dfc3 | hsl(77, 30%, 82%) |
|
|
| 600 | oklch(0.800 0.069 120.68) | #b7c593 | hsl(77, 30%, 67%) |
|
|
| 700 | oklch(0.711 0.101 122.11) | #97ac63 | hsl(77, 31%, 53%) |
|
|
| 800 | oklch(0.575 0.087 122.12) | #708145 | hsl(77, 30%, 39%) |
|
|
| 900 | oklch(0.415 0.060 122.24) | #46512b | hsl(77, 31%, 24%) |
|
|
| 950 | oklch(0.239 0.028 120.67) | #1d2112 | hsl(76, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
