Serene Nature-Inspired Color Palette
This serene palette, featuring soft sage greens and muted earth tones, evokes a tranquil, nature-inspired vibe that blends modern sophistication with rustic charm.
Practical uses and creative applications
The Serene Nature-Inspired Color Palette is a harmonious blend of soft greens and earthy neutrals, designed to evoke tranquility and a deep connection with the natural world. Featuring hues like #d0dccb (a gentle sage), #d7c7be (a warm taupe), and #88c3b5 (a soothing teal), this palette is ideal for designers looking to create calming spaces or branding that resonates with eco-conscious audiences.
Whether you're developing a website, crafting packaging, or designing interiors, these colors provide a serene backdrop that promotes relaxation and well-being. This palette is perfect for creatives in industries such as wellness, eco-friendly products, and lifestyle branding.
It can enhance web design for holistic health blogs or organic product lines, while also adding a touch of elegance to packaging for artisanal goods. Additionally, interior designers will find that the soft tones of the Serene Nature-Inspired Color Palette create inviting and peaceful environments, making it a perfect choice for spas, yoga studios, or cozy home spaces.
With its versatile and soothing aesthetic, this color palette is sure to inspire creativity and promote a sense of calm.
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.929 0.014 138.71) | #e3eae1 | hsl(107, 18%, 90%) |
|
|
| 100 | oklch(0.922 0.018 134.93) | #e0e8dc | hsl(100, 21%, 89%) |
|
|
| 200 | oklch(0.911 0.020 135.84) | #dce5d8 | hsl(102, 20%, 87%) |
|
|
| 300 | oklch(0.901 0.022 136.60) | #d8e2d4 | hsl(103, 19%, 86%) |
|
|
| 400 | oklch(0.891 0.025 135.69) | #d4dfcf | hsl(101, 20%, 84%) |
|
|
| 500 | oklch(0.881 0.026 136.33) | #d0dccb | hsl(102, 20%, 83%) |
|
|
| 600 | oklch(0.776 0.049 136.58) | #a8be9f | hsl(103, 19%, 68%) |
|
|
| 700 | oklch(0.669 0.075 136.35) | #80a072 | hsl(102, 19%, 54%) |
|
|
| 800 | oklch(0.537 0.067 136.32) | #5c7750 | hsl(102, 20%, 39%) |
|
|
| 900 | oklch(0.391 0.046 135.91) | #3a4b32 | hsl(101, 20%, 25%) |
|
|
| 950 | oklch(0.225 0.020 138.78) | #171e15 | hsl(107, 18%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.011 54.49) | #ece4df | hsl(23, 25%, 90%) |
|
|
| 100 | oklch(0.906 0.012 51.31) | #e7ded9 | hsl(21, 23%, 88%) |
|
|
| 200 | oklch(0.889 0.015 50.79) | #e3d8d2 | hsl(21, 23%, 86%) |
|
|
| 300 | oklch(0.874 0.017 56.16) | #dfd3cb | hsl(24, 24%, 84%) |
|
|
| 400 | oklch(0.857 0.019 51.94) | #dbcdc5 | hsl(22, 23%, 82%) |
|
|
| 500 | oklch(0.840 0.022 51.47) | #d7c7be | hsl(22, 24%, 79%) |
|
|
| 600 | oklch(0.729 0.038 50.83) | #bca192 | hsl(21, 24%, 65%) |
|
|
| 700 | oklch(0.614 0.057 50.22) | #a17b66 | hsl(21, 24%, 52%) |
|
|
| 800 | oklch(0.493 0.046 51.69) | #775a49 | hsl(22, 24%, 38%) |
|
|
| 900 | oklch(0.361 0.032 52.87) | #4b392e | hsl(23, 24%, 24%) |
|
|
| 950 | oklch(0.217 0.016 53.66) | #201813 | hsl(23, 25%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.009 161.34) | #e2e9e5 | hsl(146, 14%, 90%) |
|
|
| 100 | oklch(0.904 0.013 156.98) | #d9e2dc | hsl(140, 13%, 87%) |
|
|
| 200 | oklch(0.880 0.016 160.58) | #cfdbd4 | hsl(145, 14%, 84%) |
|
|
| 300 | oklch(0.855 0.018 159.05) | #c6d3cb | hsl(143, 13%, 80%) |
|
|
| 400 | oklch(0.830 0.021 161.37) | #bcccc3 | hsl(146, 14%, 77%) |
|
|
| 500 | oklch(0.807 0.025 159.01) | #b3c5ba | hsl(143, 13%, 74%) |
|
|
| 600 | oklch(0.710 0.038 159.28) | #8ea999 | hsl(144, 14%, 61%) |
|
|
| 700 | oklch(0.608 0.050 157.45) | #6a8c77 | hsl(143, 14%, 48%) |
|
|
| 800 | oklch(0.489 0.038 158.29) | #4e6758 | hsl(144, 14%, 35%) |
|
|
| 900 | oklch(0.362 0.027 157.34) | #324238 | hsl(143, 14%, 23%) |
|
|
| 950 | oklch(0.222 0.013 160.10) | #161d19 | hsl(146, 14%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.019 180.26) | #ddeeea | hsl(166, 33%, 90%) |
|
|
| 100 | oklch(0.902 0.028 179.63) | #cce5df | hsl(166, 32%, 85%) |
|
|
| 200 | oklch(0.871 0.037 179.56) | #bbddd5 | hsl(166, 33%, 80%) |
|
|
| 300 | oklch(0.837 0.046 178.98) | #aad4ca | hsl(166, 33%, 75%) |
|
|
| 400 | oklch(0.806 0.056 178.70) | #99ccc0 | hsl(166, 33%, 70%) |
|
|
| 500 | oklch(0.773 0.064 178.07) | #88c3b5 | hsl(166, 33%, 65%) |
|
|
| 600 | oklch(0.702 0.082 176.95) | #63b09e | hsl(166, 33%, 54%) |
|
|
| 700 | oklch(0.607 0.079 175.39) | #499280 | hsl(165, 33%, 43%) |
|
|
| 800 | oklch(0.491 0.060 177.14) | #376c60 | hsl(166, 33%, 32%) |
|
|
| 900 | oklch(0.369 0.043 177.25) | #24473f | hsl(166, 33%, 21%) |
|
|
| 950 | oklch(0.235 0.024 177.43) | #11221e | hsl(166, 33%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
| 100 | oklch(0.842 0.009 337.47) | #cfc9cd | hsl(320, 6%, 80%) |
|
|
| 200 | oklch(0.760 0.013 337.61) | #b7aeb4 | hsl(320, 6%, 70%) |
|
|
| 300 | oklch(0.679 0.017 341.60) | #a0949b | hsl(325, 6%, 60%) |
|
|
| 400 | oklch(0.593 0.023 341.08) | #887982 | hsl(324, 6%, 50%) |
|
|
| 500 | oklch(0.506 0.019 341.85) | #6d6168 | hsl(325, 6%, 40%) |
|
|
| 600 | oklch(0.451 0.017 343.76) | #5d5258 | hsl(327, 6%, 34%) |
|
|
| 700 | oklch(0.396 0.014 339.82) | #4c4449 | hsl(323, 6%, 28%) |
|
|
| 800 | oklch(0.338 0.012 342.40) | #3c3539 | hsl(326, 6%, 22%) |
|
|
| 900 | oklch(0.278 0.007 345.78) | #2b2729 | hsl(330, 5%, 16%) |
|
|
| 950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
