Serene Nature-Inspired Color Palette
This serene palette of muted sage greens and soft earth tones evokes a tranquil, nature-inspired vibe, perfect for creating a calming and sophisticated atmosphere.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette harmoniously blends earthy tones and soft greens to evoke the tranquility of the great outdoors. Featuring shades like #96958a, #76877d, #88b8a9, #b2cbae, and #dbddb4, this palette is perfect for those looking to create a calming atmosphere in various design projects.
Whether you're a web designer crafting a soothing user experience or a branding expert aiming to convey a sense of peace and sustainability, these colors can elevate your work and resonate with your audience. Ideal for creatives who prioritize eco-friendly aesthetics, the Serene Nature-Inspired Color Palette is particularly well-suited for wellness brands, organic products, and sustainable lifestyle businesses.
Its soft yet sophisticated hues can enhance packaging designs, giving products an inviting look that appeals to environmentally conscious consumers. Additionally, interior designers can utilize this palette to create serene spaces that promote relaxation and mindfulness, making it a perfect choice for spas, yoga studios, or calming home environments.
Incorporating the Serene Nature-Inspired Color Palette into your projects not only fosters a sense of connection with nature but also appeals to an audience that values tranquility and sustainability. This versatile palette encourages creativity while ensuring your designs remain fresh and inviting, making it an essential resource for designers and creatives looking to make a lasting impression.
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.927 0.004 106.48) | #e7e7e4 | hsl(60, 6%, 90%) |
|
|
100 | oklch(0.876 0.006 95.11) | #d7d6d2 | hsl(48, 6%, 83%) |
|
|
200 | oklch(0.826 0.008 98.90) | #c7c6c0 | hsl(51, 6%, 77%) |
|
|
300 | oklch(0.774 0.011 106.66) | #b6b6ae | hsl(60, 5%, 70%) |
|
|
400 | oklch(0.720 0.013 101.57) | #a6a59c | hsl(54, 5%, 63%) |
|
|
500 | oklch(0.667 0.016 102.59) | #96958a | hsl(55, 5%, 56%) |
|
|
600 | oklch(0.590 0.018 103.04) | #7f7e72 | hsl(55, 5%, 47%) |
|
|
700 | oklch(0.505 0.015 102.27) | #66655b | hsl(55, 6%, 38%) |
|
|
800 | oklch(0.415 0.011 100.24) | #4d4c45 | hsl(53, 5%, 29%) |
|
|
900 | oklch(0.321 0.007 95.28) | #34332f | hsl(48, 5%, 19%) |
|
|
950 | oklch(0.221 0.006 106.86) | #1b1b18 | hsl(60, 6%, 10%) |
|
dsfds
50 | oklch(0.925 0.004 157.17) | #e4e7e5 | hsl(140, 6%, 90%) |
|
|
100 | oklch(0.864 0.008 157.06) | #ced4d0 | hsl(140, 7%, 82%) |
|
|
200 | oklch(0.802 0.012 161.97) | #b8c1bc | hsl(147, 7%, 74%) |
|
|
300 | oklch(0.739 0.017 160.47) | #a2aea7 | hsl(145, 7%, 66%) |
|
|
400 | oklch(0.673 0.020 160.86) | #8c9a92 | hsl(146, 6%, 58%) |
|
|
500 | oklch(0.607 0.025 159.79) | #76877d | hsl(145, 7%, 50%) |
|
|
600 | oklch(0.534 0.021 160.61) | #637169 | hsl(146, 7%, 42%) |
|
|
700 | oklch(0.462 0.019 160.03) | #505c55 | hsl(145, 7%, 34%) |
|
|
800 | oklch(0.384 0.014 161.39) | #3d4641 | hsl(147, 7%, 26%) |
|
|
900 | oklch(0.306 0.011 156.52) | #2b312d | hsl(140, 7%, 18%) |
|
|
950 | oklch(0.218 0.006 156.70) | #181b19 | hsl(140, 6%, 10%) |
|
dsfds
50 | oklch(0.932 0.015 175.71) | #dfece8 | hsl(162, 25%, 90%) |
|
|
100 | oklch(0.896 0.023 172.80) | #cee2db | hsl(159, 26%, 85%) |
|
|
200 | oklch(0.857 0.031 175.81) | #bcd7cf | hsl(162, 25%, 79%) |
|
|
300 | oklch(0.820 0.039 173.71) | #abcdc2 | hsl(161, 25%, 74%) |
|
|
400 | oklch(0.781 0.047 175.24) | #99c2b6 | hsl(162, 25%, 68%) |
|
|
500 | oklch(0.744 0.055 173.48) | #88b8a9 | hsl(161, 25%, 63%) |
|
|
600 | oklch(0.671 0.071 172.63) | #66a491 | hsl(162, 25%, 52%) |
|
|
700 | oklch(0.574 0.064 171.85) | #4f8574 | hsl(161, 25%, 42%) |
|
|
800 | oklch(0.466 0.050 172.99) | #3b6357 | hsl(162, 25%, 31%) |
|
|
900 | oklch(0.354 0.037 171.03) | #274239 | hsl(160, 26%, 21%) |
|
|
950 | oklch(0.230 0.020 173.34) | #13201c | hsl(162, 25%, 10%) |
|
dsfds
50 | oklch(0.929 0.018 142.82) | #e1ebe0 | hsl(115, 22%, 90%) |
|
|
100 | oklch(0.908 0.024 141.52) | #d8e5d6 | hsl(112, 22%, 87%) |
|
|
200 | oklch(0.884 0.030 142.16) | #cedecc | hsl(113, 21%, 84%) |
|
|
300 | oklch(0.862 0.036 141.38) | #c5d8c2 | hsl(112, 22%, 80%) |
|
|
400 | oklch(0.837 0.042 141.84) | #bbd1b8 | hsl(113, 21%, 77%) |
|
|
500 | oklch(0.815 0.048 141.29) | #b2cbae | hsl(112, 22%, 74%) |
|
|
600 | oklch(0.724 0.075 141.22) | #8cb286 | hsl(112, 22%, 61%) |
|
|
700 | oklch(0.626 0.093 140.82) | #689660 | hsl(111, 22%, 48%) |
|
|
800 | oklch(0.501 0.072 141.34) | #4c6e47 | hsl(112, 22%, 35%) |
|
|
900 | oklch(0.372 0.051 140.69) | #31472d | hsl(111, 22%, 23%) |
|
|
950 | oklch(0.226 0.025 142.40) | #151f14 | hsl(115, 22%, 10%) |
|
dsfds
50 | oklch(0.946 0.025 109.32) | #eeefdc | hsl(63, 37%, 90%) |
|
|
100 | oklch(0.933 0.030 109.00) | #eaebd4 | hsl(63, 37%, 88%) |
|
|
200 | oklch(0.922 0.037 110.44) | #e6e8cc | hsl(64, 38%, 85%) |
|
|
300 | oklch(0.910 0.042 108.68) | #e3e4c4 | hsl(62, 37%, 83%) |
|
|
400 | oklch(0.899 0.049 109.89) | #dfe1bc | hsl(63, 38%, 81%) |
|
|
500 | oklch(0.886 0.054 109.76) | #dbddb4 | hsl(63, 38%, 79%) |
|
|
600 | oklch(0.812 0.088 110.38) | #c4c784 | hsl(63, 37%, 65%) |
|
|
700 | oklch(0.738 0.117 111.17) | #adb154 | hsl(63, 37%, 51%) |
|
|
800 | oklch(0.592 0.094 111.14) | #80833c | hsl(63, 37%, 37%) |
|
|
900 | oklch(0.429 0.065 111.13) | #515326 | hsl(63, 37%, 24%) |
|
|
950 | oklch(0.249 0.033 111.16) | #222310 | hsl(63, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.