Serene Nature Color Palette
This palette exudes a fresh, serene vibe with soft greens and muted earth tones, creating a harmonious, nature-inspired atmosphere perfect for a tranquil, modern retreat.
Practical uses and creative applications
The Serene Nature Color Palette effortlessly captures the calming essence of the great outdoors, making it an ideal choice for designers and creatives who seek to evoke tranquility and harmony in their projects. Featuring soothing greens and gentle earth tones like #9d9f89, #84af97, and #8bc59b, this palette is perfect for branding and web design aimed at wellness, environmental, or lifestyle brands.
Its soft yet vibrant hues can create a welcoming atmosphere that resonates with audiences looking for balance and peace in their everyday lives. In addition to its applications in branding and web design, the Serene Nature Color Palette is also a fantastic choice for packaging and interior design.
Use these colors to craft eco-friendly product packaging that stands out on the shelf while promoting a sustainable message. In interiors, the palette can transform living spaces into serene retreats, ideal for spas, yoga studios, or modern homes seeking a touch of nature.
Whether you're a graphic designer, interior decorator, or a creative entrepreneur, this palette invites you to bring a sense of calm and rejuvenation to your 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.930 0.007 106.53) | #e8e8e3 | hsl(60, 10%, 90%) |
|
|
| 100 | oklch(0.883 0.011 106.62) | #d9d9d1 | hsl(60, 10%, 84%) |
|
|
| 200 | oklch(0.838 0.016 110.61) | #cacbbf | hsl(65, 10%, 77%) |
|
|
| 300 | oklch(0.790 0.021 109.96) | #bbbcad | hsl(64, 10%, 71%) |
|
|
| 400 | oklch(0.744 0.027 111.92) | #acae9b | hsl(66, 10%, 65%) |
|
|
| 500 | oklch(0.695 0.031 111.43) | #9d9f89 | hsl(65, 10%, 58%) |
|
|
| 600 | oklch(0.618 0.036 111.17) | #86886f | hsl(65, 10%, 48%) |
|
|
| 700 | oklch(0.527 0.030 112.08) | #6b6d59 | hsl(66, 10%, 39%) |
|
|
| 800 | oklch(0.433 0.024 110.48) | #515243 | hsl(64, 10%, 29%) |
|
|
| 900 | oklch(0.332 0.017 111.96) | #36372d | hsl(66, 10%, 20%) |
|
|
| 950 | oklch(0.225 0.009 107.13) | #1c1c17 | hsl(60, 10%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.014 162.46) | #e0ebe5 | hsl(147, 22%, 90%) |
|
|
| 100 | oklch(0.888 0.023 160.17) | #cedfd5 | hsl(145, 21%, 84%) |
|
|
| 200 | oklch(0.845 0.031 162.07) | #bbd3c6 | hsl(148, 21%, 78%) |
|
|
| 300 | oklch(0.803 0.040 160.54) | #a9c7b6 | hsl(146, 21%, 72%) |
|
|
| 400 | oklch(0.759 0.049 161.35) | #96bba7 | hsl(148, 21%, 66%) |
|
|
| 500 | oklch(0.716 0.058 160.06) | #84af97 | hsl(147, 21%, 60%) |
|
|
| 600 | oklch(0.643 0.073 159.13) | #659b7d | hsl(147, 21%, 50%) |
|
|
| 700 | oklch(0.548 0.061 159.11) | #517c64 | hsl(147, 21%, 40%) |
|
|
| 800 | oklch(0.447 0.049 159.74) | #3c5d4b | hsl(147, 22%, 30%) |
|
|
| 900 | oklch(0.341 0.035 159.96) | #283e32 | hsl(147, 22%, 20%) |
|
|
| 950 | oklch(0.226 0.020 160.47) | #141f19 | hsl(147, 22%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.024 155.13) | #ddeee2 | hsl(138, 33%, 90%) |
|
|
| 100 | oklch(0.902 0.036 154.31) | #cde6d4 | hsl(137, 33%, 85%) |
|
|
| 200 | oklch(0.869 0.050 153.40) | #bcdec5 | hsl(136, 34%, 80%) |
|
|
| 300 | oklch(0.835 0.060 153.24) | #acd5b7 | hsl(136, 33%, 75%) |
|
|
| 400 | oklch(0.803 0.073 153.27) | #9bcda9 | hsl(137, 33%, 71%) |
|
|
| 500 | oklch(0.772 0.085 152.70) | #8bc59b | hsl(137, 33%, 66%) |
|
|
| 600 | oklch(0.699 0.113 151.35) | #65b27a | hsl(136, 33%, 55%) |
|
|
| 700 | oklch(0.604 0.111 150.68) | #4a945e | hsl(136, 33%, 44%) |
|
|
| 800 | oklch(0.489 0.087 150.90) | #376e46 | hsl(136, 33%, 32%) |
|
|
| 900 | oklch(0.367 0.061 151.34) | #24482e | hsl(137, 33%, 21%) |
|
|
| 950 | oklch(0.233 0.033 152.59) | #112216 | hsl(138, 33%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.040 132.41) | #e3f3d8 | hsl(96, 53%, 90%) |
|
|
| 100 | oklch(0.926 0.054 132.62) | #d9efca | hsl(96, 54%, 86%) |
|
|
| 200 | oklch(0.908 0.069 132.81) | #cfebbc | hsl(96, 54%, 83%) |
|
|
| 300 | oklch(0.888 0.081 132.46) | #c6e6af | hsl(95, 52%, 79%) |
|
|
| 400 | oklch(0.869 0.095 132.75) | #bce2a1 | hsl(95, 53%, 76%) |
|
|
| 500 | oklch(0.851 0.110 133.02) | #b2de93 | hsl(95, 53%, 72%) |
|
|
| 600 | oklch(0.787 0.156 133.94) | #8fcf62 | hsl(95, 53%, 60%) |
|
|
| 700 | oklch(0.711 0.177 134.96) | #6eb939 | hsl(95, 53%, 47%) |
|
|
| 800 | oklch(0.568 0.139 134.81) | #51882a | hsl(95, 53%, 35%) |
|
|
| 900 | oklch(0.419 0.098 134.73) | #34581b | hsl(95, 53%, 23%) |
|
|
| 950 | oklch(0.251 0.051 134.21) | #17270c | hsl(96, 53%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.050 123.11) | #ebf8d3 | hsl(81, 73%, 90%) |
|
|
| 100 | oklch(0.948 0.067 123.21) | #e5f6c5 | hsl(81, 73%, 87%) |
|
|
| 200 | oklch(0.937 0.082 123.41) | #dff4b7 | hsl(81, 73%, 84%) |
|
|
| 300 | oklch(0.925 0.098 124.22) | #d8f2a9 | hsl(81, 74%, 81%) |
|
|
| 400 | oklch(0.914 0.114 124.42) | #d2f09b | hsl(81, 74%, 77%) |
|
|
| 500 | oklch(0.903 0.128 124.68) | #ccee8d | hsl(81, 74%, 74%) |
|
|
| 600 | oklch(0.858 0.180 126.46) | #b2e554 | hsl(81, 74%, 61%) |
|
|
| 700 | oklch(0.808 0.206 128.72) | #97d820 | hsl(81, 74%, 49%) |
|
|
| 800 | oklch(0.644 0.162 128.57) | #6f9f18 | hsl(81, 74%, 36%) |
|
|
| 900 | oklch(0.466 0.114 127.91) | #47650f | hsl(81, 74%, 23%) |
|
|
| 950 | oklch(0.272 0.060 126.77) | #1f2c07 | hsl(81, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
