Serene Nature-Inspired Color Palette
This soothing palette of muted greens and soft pastels evokes a tranquil, nature-inspired atmosphere, perfect for creating a serene and refreshing space.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette brings the tranquility of the outdoors into your designs with its soothing hues of green and soft neutrals. Featuring colors like #8e978d, #97c4ad, #bfedbe, #e6fcd9, and #cdf2d6, this palette is perfect for branding and web design aimed at eco-friendly businesses, wellness brands, or lifestyle products.
By incorporating these calming tones, you can create an inviting atmosphere that resonates with audiences seeking harmony and balance. Ideal for creatives and designers, the Serene Nature-Inspired Color Palette is well-suited for packaging and interiors that promote relaxation and mindfulness.
Whether you're designing a spa brochure, a sustainable product label, or a tranquil home space, these colors evoke feelings of serenity and connection to nature. This palette not only enhances visual appeal but also communicates a message of sustainability and peace, making it a perfect choice for those looking to create an impactful and memorable 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.926 0.005 134.85) | #e5e7e4 | hsl(100, 6%, 90%) |
|
|
| 100 | oklch(0.875 0.007 145.52) | #d3d7d3 | hsl(120, 5%, 84%) |
|
|
| 200 | oklch(0.824 0.010 140.51) | #c2c7c1 | hsl(110, 5%, 77%) |
|
|
| 300 | oklch(0.773 0.012 141.25) | #b1b7b0 | hsl(111, 5%, 70%) |
|
|
| 400 | oklch(0.719 0.016 142.21) | #9fa79e | hsl(113, 5%, 64%) |
|
|
| 500 | oklch(0.666 0.018 142.52) | #8e978d | hsl(114, 5%, 57%) |
|
|
| 600 | oklch(0.585 0.020 142.75) | #757f74 | hsl(115, 5%, 48%) |
|
|
| 700 | oklch(0.500 0.017 142.16) | #5e665d | hsl(113, 5%, 38%) |
|
|
| 800 | oklch(0.412 0.014 141.21) | #474d46 | hsl(111, 5%, 29%) |
|
|
| 900 | oklch(0.319 0.010 139.44) | #30342f | hsl(108, 5%, 19%) |
|
|
| 950 | oklch(0.219 0.006 134.98) | #191b18 | hsl(100, 6%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.019 162.92) | #deede5 | hsl(148, 29%, 90%) |
|
|
| 100 | oklch(0.901 0.025 164.39) | #d0e4da | hsl(150, 27%, 85%) |
|
|
| 200 | oklch(0.872 0.033 164.11) | #c2dccf | hsl(150, 27%, 81%) |
|
|
| 300 | oklch(0.842 0.041 163.81) | #b4d4c4 | hsl(150, 27%, 77%) |
|
|
| 400 | oklch(0.811 0.050 162.77) | #a5ccb8 | hsl(149, 28%, 72%) |
|
|
| 500 | oklch(0.782 0.058 162.48) | #97c4ad | hsl(149, 28%, 68%) |
|
|
| 600 | oklch(0.703 0.080 160.91) | #71af8f | hsl(149, 28%, 56%) |
|
|
| 700 | oklch(0.608 0.082 160.46) | #539272 | hsl(150, 28%, 45%) |
|
|
| 800 | oklch(0.490 0.065 160.44) | #3d6c54 | hsl(149, 28%, 33%) |
|
|
| 900 | oklch(0.366 0.045 161.34) | #284637 | hsl(150, 27%, 22%) |
|
|
| 950 | oklch(0.231 0.026 160.19) | #122119 | hsl(148, 29%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.049 144.25) | #d8f4d7 | hsl(118, 57%, 90%) |
|
|
| 100 | oklch(0.932 0.055 144.31) | #d3f3d2 | hsl(118, 58%, 89%) |
|
|
| 200 | oklch(0.923 0.060 144.33) | #cef1cd | hsl(118, 56%, 87%) |
|
|
| 300 | oklch(0.917 0.067 144.35) | #c9f0c8 | hsl(119, 57%, 86%) |
|
|
| 400 | oklch(0.908 0.072 144.35) | #c4eec3 | hsl(119, 56%, 85%) |
|
|
| 500 | oklch(0.902 0.079 144.34) | #bfedbe | hsl(119, 57%, 84%) |
|
|
| 600 | oklch(0.820 0.150 143.59) | #85dd83 | hsl(119, 57%, 69%) |
|
|
| 700 | oklch(0.747 0.206 142.84) | #4bcc48 | hsl(119, 56%, 54%) |
|
|
| 800 | oklch(0.614 0.181 142.76) | #2e9e2c | hsl(119, 56%, 40%) |
|
|
| 900 | oklch(0.440 0.126 142.70) | #1d631b | hsl(118, 57%, 25%) |
|
|
| 950 | oklch(0.247 0.062 142.86) | #0c280b | hsl(118, 57%, 10%) |
|
dsfds
| 50 | oklch(0.957 0.063 133.85) | #e0fbd0 | hsl(98, 84%, 90%) |
|
|
| 100 | oklch(0.959 0.060 134.04) | #e1fbd2 | hsl(98, 84%, 90%) |
|
|
| 200 | oklch(0.962 0.060 134.04) | #e2fcd3 | hsl(98, 87%, 91%) |
|
|
| 300 | oklch(0.963 0.057 133.36) | #e4fcd5 | hsl(97, 87%, 91%) |
|
|
| 400 | oklch(0.965 0.054 133.56) | #e5fcd7 | hsl(97, 86%, 92%) |
|
|
| 500 | oklch(0.966 0.051 133.78) | #e6fcd9 | hsl(98, 85%, 92%) |
|
|
| 600 | oklch(0.905 0.153 134.87) | #b3f68c | hsl(98, 85%, 76%) |
|
|
| 700 | oklch(0.856 0.231 136.59) | #80f03e | hsl(98, 86%, 59%) |
|
|
| 800 | oklch(0.742 0.226 138.13) | #55ca10 | hsl(98, 85%, 43%) |
|
|
| 900 | oklch(0.523 0.156 137.70) | #357d0a | hsl(98, 85%, 26%) |
|
|
| 950 | oklch(0.273 0.075 136.25) | #142f04 | hsl(98, 84%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.042 152.77) | #d7f4de | hsl(134, 57%, 90%) |
|
|
| 100 | oklch(0.938 0.046 152.15) | #d5f4dc | hsl(134, 58%, 90%) |
|
|
| 200 | oklch(0.935 0.046 153.00) | #d3f3db | hsl(135, 57%, 89%) |
|
|
| 300 | oklch(0.933 0.050 152.41) | #d1f3d9 | hsl(134, 59%, 89%) |
|
|
| 400 | oklch(0.929 0.050 153.18) | #cff2d8 | hsl(135, 57%, 88%) |
|
|
| 500 | oklch(0.927 0.054 152.60) | #cdf2d6 | hsl(135, 59%, 88%) |
|
|
| 600 | oklch(0.842 0.121 150.69) | #8ee2a2 | hsl(134, 59%, 72%) |
|
|
| 700 | oklch(0.766 0.179 148.54) | #4fd16f | hsl(135, 59%, 56%) |
|
|
| 800 | oklch(0.639 0.170 147.33) | #2ba649 | hsl(135, 59%, 41%) |
|
|
| 900 | oklch(0.454 0.116 147.54) | #1b672d | hsl(134, 58%, 25%) |
|
|
| 950 | oklch(0.248 0.054 148.91) | #0b2812 | hsl(134, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
