Serene Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with soft sage greens and muted teal blues, complemented by earthy browns, creating a tranquil and sophisticated atmosphere.
Practical uses and creative applications
The 'Serene Nature-Inspired Color Palette' evokes a tranquil atmosphere, perfect for branding and design projects that aim to connect with nature’s calming essence. With soothing shades like #c6cca5, a soft mossy green, and #8ab8a8, a gentle aqua, this palette is ideal for wellness brands, eco-friendly products, or any creative endeavor that seeks to promote relaxation and harmony.
Whether you're designing a logo, packaging, or a website, these colors can help convey a peaceful, grounded identity that resonates with your audience. This color palette suits interior designers and creatives looking to create serene spaces.
The deeper hues like #54787d and #615145 offer sophistication, while the lighter tones invite warmth and comfort, making it an excellent choice for home decor, wellness retreats, or spa environments. By incorporating the 'Serene Nature-Inspired Color Palette' into your designs, you can evoke feelings of tranquility and connection to the natural world, appealing to those who value sustainability and mindful living.
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.940 0.020 115.97) | #eaedde | hsl(72, 29%, 90%) |
|
|
| 100 | oklch(0.917 0.026 114.18) | #e3e6d3 | hsl(69, 28%, 86%) |
|
|
| 200 | oklch(0.897 0.034 114.46) | #dce0c7 | hsl(70, 29%, 83%) |
|
|
| 300 | oklch(0.875 0.039 113.59) | #d5d9bc | hsl(68, 28%, 79%) |
|
|
| 400 | oklch(0.853 0.047 115.31) | #cdd3b0 | hsl(70, 28%, 76%) |
|
|
| 500 | oklch(0.830 0.053 114.67) | #c6cca5 | hsl(69, 28%, 72%) |
|
|
| 600 | oklch(0.752 0.078 115.60) | #acb57c | hsl(69, 28%, 60%) |
|
|
| 700 | oklch(0.662 0.091 115.90) | #909a57 | hsl(69, 28%, 47%) |
|
|
| 800 | oklch(0.533 0.072 116.35) | #6a7240 | hsl(70, 28%, 35%) |
|
|
| 900 | oklch(0.392 0.050 116.02) | #444929 | hsl(69, 28%, 22%) |
|
|
| 950 | oklch(0.240 0.027 117.71) | #1e2112 | hsl(72, 29%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 171.04) | #dfece7 | hsl(157, 25%, 90%) |
|
|
| 100 | oklch(0.894 0.022 174.94) | #cee1db | hsl(161, 24%, 85%) |
|
|
| 200 | oklch(0.857 0.030 172.73) | #bdd7ce | hsl(159, 25%, 79%) |
|
|
| 300 | oklch(0.821 0.039 171.30) | #accdc1 | hsl(158, 25%, 74%) |
|
|
| 400 | oklch(0.782 0.046 172.76) | #9bc2b5 | hsl(160, 24%, 68%) |
|
|
| 500 | oklch(0.745 0.054 171.38) | #8ab8a8 | hsl(159, 24%, 63%) |
|
|
| 600 | oklch(0.671 0.070 169.99) | #68a48f | hsl(159, 25%, 53%) |
|
|
| 700 | oklch(0.575 0.063 170.02) | #518573 | hsl(159, 24%, 42%) |
|
|
| 800 | oklch(0.466 0.049 170.94) | #3c6356 | hsl(160, 25%, 31%) |
|
|
| 900 | oklch(0.352 0.034 172.14) | #284139 | hsl(161, 24%, 21%) |
|
|
| 950 | oklch(0.230 0.021 168.57) | #13201b | hsl(157, 25%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.010 196.99) | #e1eaea | hsl(180, 18%, 90%) |
|
|
| 100 | oklch(0.875 0.018 192.56) | #c9dad9 | hsl(176, 19%, 82%) |
|
|
| 200 | oklch(0.821 0.026 193.59) | #b2cac9 | hsl(178, 18%, 75%) |
|
|
| 300 | oklch(0.762 0.034 194.06) | #9ab9b8 | hsl(178, 18%, 66%) |
|
|
| 400 | oklch(0.707 0.041 194.25) | #83a9a8 | hsl(178, 18%, 59%) |
|
|
| 500 | oklch(0.649 0.050 192.59) | #6b9997 | hsl(177, 18%, 51%) |
|
|
| 600 | oklch(0.573 0.045 192.06) | #59817f | hsl(177, 18%, 43%) |
|
|
| 700 | oklch(0.492 0.037 193.56) | #486867 | hsl(178, 18%, 35%) |
|
|
| 800 | oklch(0.411 0.030 192.91) | #37504f | hsl(178, 19%, 26%) |
|
|
| 900 | oklch(0.322 0.022 191.56) | #263736 | hsl(176, 18%, 18%) |
|
|
| 950 | oklch(0.226 0.013 196.27) | #151e1e | hsl(180, 18%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.010 212.52) | #e0e9eb | hsl(191, 22%, 90%) |
|
|
| 100 | oklch(0.858 0.019 205.30) | #c3d4d6 | hsl(186, 19%, 80%) |
|
|
| 200 | oklch(0.786 0.029 205.07) | #a5bfc2 | hsl(186, 19%, 70%) |
|
|
| 300 | oklch(0.711 0.038 207.35) | #87a9ae | hsl(188, 19%, 61%) |
|
|
| 400 | oklch(0.637 0.048 206.86) | #69949a | hsl(187, 20%, 51%) |
|
|
| 500 | oklch(0.547 0.041 206.81) | #54787d | hsl(187, 20%, 41%) |
|
|
| 600 | oklch(0.488 0.037 206.06) | #47666a | hsl(187, 20%, 35%) |
|
|
| 700 | oklch(0.427 0.031 205.36) | #3b5457 | hsl(186, 19%, 29%) |
|
|
| 800 | oklch(0.363 0.025 203.84) | #2e4244 | hsl(185, 19%, 22%) |
|
|
| 900 | oklch(0.293 0.019 207.07) | #212f31 | hsl(188, 20%, 16%) |
|
|
| 950 | oklch(0.223 0.014 212.79) | #141d1f | hsl(191, 22%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.008 61.45) | #eae5e1 | hsl(27, 18%, 90%) |
|
|
| 100 | oklch(0.836 0.016 61.30) | #d1c7bf | hsl(27, 16%, 78%) |
|
|
| 200 | oklch(0.745 0.025 59.27) | #b9a99d | hsl(26, 17%, 67%) |
|
|
| 300 | oklch(0.652 0.036 59.79) | #a18b7a | hsl(26, 17%, 55%) |
|
|
| 400 | oklch(0.554 0.037 60.93) | #836e5d | hsl(27, 17%, 44%) |
|
|
| 500 | oklch(0.447 0.029 58.81) | #615145 | hsl(26, 17%, 33%) |
|
|
| 600 | oklch(0.405 0.026 60.11) | #54463b | hsl(26, 17%, 28%) |
|
|
| 700 | oklch(0.361 0.022 61.34) | #463b32 | hsl(27, 17%, 24%) |
|
|
| 800 | oklch(0.314 0.019 56.94) | #392f28 | hsl(25, 18%, 19%) |
|
|
| 900 | oklch(0.266 0.014 57.62) | #2b241f | hsl(25, 16%, 15%) |
|
|
| 950 | oklch(0.218 0.011 60.85) | #1e1915 | hsl(27, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
