Serene Nature Color Palette
This palette radiates a serene, nature-inspired vibe with soft pastel greens and earthy grays, accented by vibrant lime, creating a refreshing and calming atmosphere perfect for modern, organic design.
Practical uses and creative applications
The Serene Nature Color Palette beautifully encapsulates the tranquility of the outdoors with its soft, earthy tones. Featuring a gentle off-white (#f0f0d8), calming greens (#b4debe and #77cca4), a grounding gray (#666666), and a vibrant pop of lime (#b4df37), this palette is ideal for brands looking to evoke feelings of peace and rejuvenation.
Perfectly suited for wellness brands, eco-friendly products, and organic food packaging, these colors harmonize to create a sense of balance and connection to nature. Designers and creatives will find the Serene Nature palette to be a versatile choice for web design and branding projects that aim to convey a modern yet organic aesthetic.
Its soft hues can enhance website interfaces, making them inviting and user-friendly, while also providing a calming backdrop for content-heavy designs. Additionally, this palette works beautifully in interior design, where it can be used to create refreshing spaces that promote relaxation and mindfulness, making it ideal for spas, yoga studios, or any serene environment.
Whether you're a graphic designer, a product packaging specialist, or an interior decorator, the Serene Nature Color Palette offers a refreshing array of colors that inspire creativity and tranquility. Its natural vibe not only appeals to eco-conscious consumers but also elevates brand storytelling, making it a perfect fit for those looking to make a lasting impression in a crowded marketplace.
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.
| 50 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 200 | oklch(0.952 0.032 106.98) | #f1f1d9 | hsl(60, 46%, 90%) |
|
|
| 300 | oklch(0.949 0.030 106.96) | #f0f0d9 | hsl(60, 43%, 90%) |
|
|
| 400 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 500 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 600 | oklch(0.874 0.078 107.91) | #dada9e | hsl(60, 45%, 74%) |
|
|
| 700 | oklch(0.797 0.119 108.83) | #c3c363 | hsl(60, 44%, 58%) |
|
|
| 800 | oklch(0.667 0.117 109.19) | #9a9a3b | hsl(60, 45%, 42%) |
|
|
| 900 | oklch(0.473 0.079 109.09) | #5f5f25 | hsl(60, 44%, 26%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
| 50 | oklch(0.934 0.028 151.91) | #dcefe0 | hsl(133, 37%, 90%) |
|
|
| 100 | oklch(0.920 0.036 151.70) | #d4ecd9 | hsl(133, 39%, 88%) |
|
|
| 200 | oklch(0.905 0.041 153.08) | #cce8d3 | hsl(135, 38%, 85%) |
|
|
| 300 | oklch(0.891 0.049 152.64) | #c4e5cc | hsl(135, 39%, 83%) |
|
|
| 400 | oklch(0.875 0.055 152.53) | #bce1c5 | hsl(135, 38%, 81%) |
|
|
| 500 | oklch(0.862 0.062 152.16) | #b4debe | hsl(134, 39%, 79%) |
|
|
| 600 | oklch(0.775 0.104 151.08) | #83c994 | hsl(135, 39%, 65%) |
|
|
| 700 | oklch(0.690 0.140 149.28) | #53b36a | hsl(134, 39%, 51%) |
|
|
| 800 | oklch(0.554 0.115 149.16) | #3a854c | hsl(134, 39%, 37%) |
|
|
| 900 | oklch(0.402 0.079 149.30) | #255430 | hsl(134, 39%, 24%) |
|
|
| 950 | oklch(0.235 0.038 149.47) | #102314 | hsl(133, 37%, 10%) |
|
| 50 | oklch(0.938 0.028 165.45) | #daf1e6 | hsl(151, 45%, 90%) |
|
|
| 100 | oklch(0.906 0.044 165.22) | #c6ead9 | hsl(152, 46%, 85%) |
|
|
| 200 | oklch(0.873 0.058 165.38) | #b2e2cc | hsl(153, 45%, 79%) |
|
|
| 300 | oklch(0.842 0.074 163.41) | #9fdbbe | hsl(151, 45%, 74%) |
|
|
| 400 | oklch(0.810 0.087 163.23) | #8bd3b1 | hsl(152, 45%, 69%) |
|
|
| 500 | oklch(0.780 0.102 162.40) | #77cca4 | hsl(152, 45%, 63%) |
|
|
| 600 | oklch(0.721 0.126 160.51) | #4fbd8a | hsl(152, 45%, 53%) |
|
|
| 700 | oklch(0.623 0.116 159.65) | #3a9c6e | hsl(152, 46%, 42%) |
|
|
| 800 | oklch(0.504 0.091 159.88) | #2c7452 | hsl(152, 45%, 31%) |
|
|
| 900 | oklch(0.380 0.066 159.95) | #1d4d36 | hsl(151, 45%, 21%) |
|
|
| 950 | oklch(0.242 0.036 161.15) | #0e251a | hsl(151, 45%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.845 0.000 89.88) | #cccccc | hsl(0, 0%, 80%) |
|
|
| 200 | oklch(0.767 0.000 89.88) | #b3b3b3 | hsl(0, 0%, 70%) |
|
|
| 300 | oklch(0.683 0.000 89.88) | #999999 | hsl(0, 0%, 60%) |
|
|
| 400 | oklch(0.600 0.000 89.88) | #808080 | hsl(0, 0%, 50%) |
|
|
| 500 | oklch(0.510 0.000 89.88) | #666666 | hsl(0, 0%, 40%) |
|
|
| 600 | oklch(0.457 0.000 89.88) | #575757 | hsl(0, 0%, 34%) |
|
|
| 700 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 800 | oklch(0.341 0.000 89.88) | #383838 | hsl(0, 0%, 22%) |
|
|
| 900 | oklch(0.281 0.000 89.88) | #292929 | hsl(0, 0%, 16%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.963 0.049 118.44) | #eff8d3 | hsl(75, 73%, 90%) |
|
|
| 100 | oklch(0.937 0.083 119.61) | #e3f3b4 | hsl(75, 72%, 83%) |
|
|
| 200 | oklch(0.912 0.116 120.55) | #d7ee95 | hsl(76, 72%, 76%) |
|
|
| 300 | oklch(0.888 0.147 121.43) | #cbe975 | hsl(76, 73%, 69%) |
|
|
| 400 | oklch(0.866 0.171 122.15) | #c0e456 | hsl(75, 72%, 62%) |
|
|
| 500 | oklch(0.844 0.190 123.39) | #b4df37 | hsl(75, 72%, 55%) |
|
|
| 600 | oklch(0.777 0.186 124.41) | #9dc920 | hsl(76, 73%, 46%) |
|
|
| 700 | oklch(0.660 0.156 123.84) | #7fa11a | hsl(75, 72%, 37%) |
|
|
| 800 | oklch(0.540 0.126 123.76) | #607a14 | hsl(75, 72%, 28%) |
|
|
| 900 | oklch(0.413 0.094 123.57) | #41530d | hsl(75, 73%, 19%) |
|
|
| 950 | oklch(0.275 0.058 122.08) | #232c07 | hsl(75, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
