Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with soft pastels of mint and cream, grounded by earthy greens and a deep, moody burgundy, creating a tranquil yet sophisticated atmosphere.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette offers a harmonious blend of soft greens and muted earth tones, perfect for those aiming to evoke a sense of calm and tranquility. The gentle hues of #f3ffd2 and #bff1ce radiate freshness, making them ideal for branding projects focused on wellness, sustainability, or eco-friendly products.
Whether it’s a logo for a holistic spa or packaging for organic skincare, this palette helps create an inviting atmosphere that resonates with environmentally-conscious consumers. For web design and interiors, the Serene Nature-Inspired Color Palette can transform spaces and digital experiences into serene retreats.
Designers can leverage the earthy tones of #82bda7 and #6e837c to create soothing websites or cozy living areas that promote relaxation. This palette is particularly suited for creatives who wish to infuse their projects with a sense of grounded elegance, making it a perfect choice for lifestyle blogs, wellness apps, or tranquil home decor.
Embracing this palette not only enhances aesthetic appeal but also connects deeply with audiences seeking peace and inspiration.
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.977 0.068 120.13) | #f1ffcc | hsl(76, 100%, 90%) |
|
|
| 100 | oklch(0.978 0.066 119.47) | #f2ffcd | hsl(76, 100%, 90%) |
|
|
| 200 | oklch(0.978 0.065 119.68) | #f2ffce | hsl(76, 100%, 90%) |
|
|
| 300 | oklch(0.979 0.062 120.12) | #f2ffd0 | hsl(77, 100%, 91%) |
|
|
| 400 | oklch(0.980 0.061 119.41) | #f3ffd1 | hsl(76, 100%, 91%) |
|
|
| 500 | oklch(0.980 0.060 119.64) | #f3ffd2 | hsl(76, 100%, 91%) |
|
|
| 600 | oklch(0.950 0.159 121.78) | #ddff7f | hsl(76, 100%, 75%) |
|
|
| 700 | oklch(0.928 0.222 124.63) | #c7ff2c | hsl(76, 100%, 59%) |
|
|
| 800 | oklch(0.815 0.209 126.60) | #9fd900 | hsl(76, 100%, 43%) |
|
|
| 900 | oklch(0.571 0.146 126.18) | #628600 | hsl(76, 100%, 26%) |
|
|
| 950 | oklch(0.297 0.074 124.61) | #253300 | hsl(76, 100%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.046 155.02) | #d5f6df | hsl(138, 65%, 90%) |
|
|
| 100 | oklch(0.938 0.050 155.02) | #d1f5dc | hsl(138, 64%, 89%) |
|
|
| 200 | oklch(0.931 0.056 154.67) | #ccf4d8 | hsl(138, 65%, 88%) |
|
|
| 300 | oklch(0.926 0.060 154.65) | #c8f3d5 | hsl(138, 64%, 87%) |
|
|
| 400 | oklch(0.919 0.066 154.34) | #c3f2d1 | hsl(138, 64%, 86%) |
|
|
| 500 | oklch(0.914 0.070 154.31) | #bff1ce | hsl(138, 64%, 85%) |
|
|
| 600 | oklch(0.837 0.135 152.30) | #80e39e | hsl(138, 64%, 70%) |
|
|
| 700 | oklch(0.775 0.191 149.21) | #42d66e | hsl(138, 64%, 55%) |
|
|
| 800 | oklch(0.640 0.170 148.37) | #25a74c | hsl(138, 64%, 40%) |
|
|
| 900 | oklch(0.456 0.117 148.69) | #17682f | hsl(138, 64%, 25%) |
|
|
| 950 | oklch(0.254 0.057 150.18) | #092a13 | hsl(138, 65%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.017 174.04) | #deede8 | hsl(160, 29%, 90%) |
|
|
| 100 | oklch(0.898 0.029 172.00) | #cbe4db | hsl(158, 32%, 85%) |
|
|
| 200 | oklch(0.861 0.039 171.39) | #b9dace | hsl(158, 31%, 79%) |
|
|
| 300 | oklch(0.824 0.048 170.81) | #a7d0c1 | hsl(158, 30%, 74%) |
|
|
| 400 | oklch(0.788 0.060 169.80) | #94c7b4 | hsl(158, 31%, 68%) |
|
|
| 500 | oklch(0.751 0.069 169.17) | #82bda7 | hsl(158, 31%, 63%) |
|
|
| 600 | oklch(0.681 0.087 167.63) | #5faa8e | hsl(158, 31%, 52%) |
|
|
| 700 | oklch(0.585 0.079 166.97) | #498b72 | hsl(157, 31%, 42%) |
|
|
| 800 | oklch(0.477 0.062 166.66) | #376855 | hsl(157, 31%, 31%) |
|
|
| 900 | oklch(0.358 0.044 167.77) | #244438 | hsl(158, 31%, 20%) |
|
|
| 950 | oklch(0.232 0.023 171.26) | #12211c | hsl(160, 29%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 170.44) | #e3e8e6 | hsl(156, 10%, 90%) |
|
|
| 100 | oklch(0.863 0.010 171.76) | #ccd4d1 | hsl(158, 9%, 82%) |
|
|
| 200 | oklch(0.797 0.014 174.05) | #b4c0bc | hsl(160, 9%, 73%) |
|
|
| 300 | oklch(0.730 0.019 175.09) | #9caca7 | hsl(161, 9%, 64%) |
|
|
| 400 | oklch(0.662 0.024 175.54) | #849892 | hsl(162, 9%, 56%) |
|
|
| 500 | oklch(0.591 0.027 173.21) | #6e837c | hsl(160, 9%, 47%) |
|
|
| 600 | oklch(0.522 0.022 172.08) | #5d6e68 | hsl(159, 8%, 40%) |
|
|
| 700 | oklch(0.453 0.020 173.21) | #4b5a55 | hsl(160, 9%, 32%) |
|
|
| 800 | oklch(0.379 0.016 171.49) | #3a4541 | hsl(158, 9%, 25%) |
|
|
| 900 | oklch(0.302 0.010 176.53) | #29302e | hsl(163, 8%, 17%) |
|
|
| 950 | oklch(0.220 0.008 169.49) | #171c1a | hsl(156, 10%, 10%) |
|
dsfds
| 50 | oklch(0.906 0.064 331.89) | #fad1f3 | hsl(310, 80%, 90%) |
|
|
| 100 | oklch(0.768 0.169 333.62) | #f287e0 | hsl(310, 80%, 74%) |
|
|
| 200 | oklch(0.666 0.251 335.86) | #ea3ecd | hsl(310, 80%, 58%) |
|
|
| 300 | oklch(0.558 0.236 337.12) | #c115a4 | hsl(310, 80%, 42%) |
|
|
| 400 | oklch(0.396 0.164 337.30) | #780d65 | hsl(311, 80%, 26%) |
|
|
| 500 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
|
| 600 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
|
| 700 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
|
| 800 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
|
| 900 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
|
| 950 | oklch(0.214 0.081 335.82) | #2e0527 | hsl(310, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
