Tranquil Nature Color Palette
This palette exudes a tranquil, nature-inspired vibe with deep forest greens, soothing teal, and soft earthy tones, evoking a serene and harmonious atmosphere perfect for a modern, bohemian retreat.
Practical uses and creative applications
The Tranquil Nature Color Palette is a serene blend of earthy tones and calming hues that evoke the beauty of the great outdoors. Featuring deep charcoal (#17181f), rich teal (#314d4a), vibrant teal (#0b8770), soft sage green (#a6c288), and warm beige (#ebe68d), this palette is perfect for those looking to create a soothing environment that promotes peace and relaxation.
Ideal for branding, web design, and packaging, this color scheme resonates with eco-conscious brands and businesses focused on wellness, sustainability, or nature-inspired products. Designers and creatives will find the Tranquil Nature Color Palette especially beneficial for projects aimed at calming or restorative experiences.
Whether you're designing a spa website, crafting eco-friendly packaging, or styling interiors that invite tranquility, this palette offers versatile options. The combination of deep and light shades can effectively enhance user experience and create a peaceful ambiance, making it an excellent choice for brands targeting wellness enthusiasts or nature lovers.
Embrace the harmony of nature in your designs and captivate your audience with this refreshing color palette.
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.917 0.008 278.63) | #e2e3e9 | hsl(231, 14%, 90%) |
|
|
| 100 | oklch(0.779 0.024 277.85) | #b3b6c7 | hsl(231, 15%, 74%) |
|
|
| 200 | oklch(0.636 0.041 278.55) | #8589a4 | hsl(232, 15%, 58%) |
|
|
| 300 | oklch(0.496 0.045 278.29) | #5c607c | hsl(233, 15%, 42%) |
|
|
| 400 | oklch(0.362 0.031 279.76) | #3a3c4e | hsl(234, 15%, 27%) |
|
|
| 500 | oklch(0.211 0.014 278.74) | #17181f | hsl(233, 15%, 11%) |
|
|
| 600 | oklch(0.211 0.014 278.74) | #17181f | hsl(233, 15%, 11%) |
|
|
| 700 | oklch(0.207 0.014 278.71) | #16171e | hsl(233, 15%, 10%) |
|
|
| 800 | oklch(0.207 0.014 278.71) | #16171e | hsl(233, 15%, 10%) |
|
|
| 900 | oklch(0.207 0.014 278.71) | #16171e | hsl(233, 15%, 10%) |
|
|
| 950 | oklch(0.206 0.012 277.83) | #16171d | hsl(231, 14%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.012 190.43) | #e0ebea | hsl(175, 22%, 90%) |
|
|
| 100 | oklch(0.841 0.028 188.19) | #b7d1ce | hsl(173, 22%, 77%) |
|
|
| 200 | oklch(0.749 0.044 188.86) | #8eb7b3 | hsl(174, 22%, 64%) |
|
|
| 300 | oklch(0.656 0.059 187.18) | #669d97 | hsl(173, 22%, 51%) |
|
|
| 400 | oklch(0.533 0.048 186.59) | #4b7671 | hsl(173, 22%, 38%) |
|
|
| 500 | oklch(0.397 0.034 187.43) | #314d4a | hsl(174, 22%, 25%) |
|
|
| 600 | oklch(0.365 0.031 186.46) | #2b4441 | hsl(173, 23%, 22%) |
|
|
| 700 | oklch(0.333 0.028 185.24) | #253b38 | hsl(172, 23%, 19%) |
|
|
| 800 | oklch(0.301 0.024 187.32) | #203230 | hsl(173, 22%, 16%) |
|
|
| 900 | oklch(0.264 0.019 190.51) | #1a2827 | hsl(176, 21%, 13%) |
|
|
| 950 | oklch(0.228 0.016 189.12) | #141f1e | hsl(175, 22%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.045 182.80) | #d0fbf3 | hsl(169, 84%, 90%) |
|
|
| 100 | oklch(0.909 0.095 181.54) | #96f6e5 | hsl(169, 84%, 78%) |
|
|
| 200 | oklch(0.874 0.133 178.35) | #5cf2d6 | hsl(169, 85%, 65%) |
|
|
| 300 | oklch(0.847 0.155 175.03) | #22edc7 | hsl(169, 85%, 53%) |
|
|
| 400 | oklch(0.725 0.135 174.31) | #10c1a0 | hsl(169, 85%, 41%) |
|
|
| 500 | oklch(0.558 0.103 174.80) | #0b8770 | hsl(169, 85%, 29%) |
|
|
| 600 | oklch(0.503 0.093 174.93) | #0a7561 | hsl(169, 84%, 25%) |
|
|
| 700 | oklch(0.451 0.082 175.30) | #086453 | hsl(169, 85%, 21%) |
|
|
| 800 | oklch(0.393 0.071 175.56) | #075244 | hsl(169, 84%, 17%) |
|
|
| 900 | oklch(0.337 0.060 176.27) | #054136 | hsl(169, 86%, 14%) |
|
|
| 950 | oklch(0.274 0.048 176.98) | #042f27 | hsl(169, 84%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.024 127.59) | #e6eedd | hsl(88, 33%, 90%) |
|
|
| 100 | oklch(0.906 0.036 128.13) | #d9e5cc | hsl(89, 32%, 85%) |
|
|
| 200 | oklch(0.874 0.048 128.50) | #ccdcbb | hsl(89, 32%, 80%) |
|
|
| 300 | oklch(0.842 0.059 127.88) | #c0d3aa | hsl(88, 32%, 75%) |
|
|
| 400 | oklch(0.811 0.073 128.77) | #b3cb99 | hsl(89, 32%, 70%) |
|
|
| 500 | oklch(0.779 0.085 129.14) | #a6c288 | hsl(89, 32%, 65%) |
|
|
| 600 | oklch(0.709 0.111 130.03) | #8aaf63 | hsl(89, 32%, 54%) |
|
|
| 700 | oklch(0.611 0.105 130.26) | #6e904a | hsl(89, 32%, 43%) |
|
|
| 800 | oklch(0.494 0.082 129.99) | #526b37 | hsl(89, 32%, 32%) |
|
|
| 900 | oklch(0.374 0.060 130.05) | #364724 | hsl(89, 33%, 21%) |
|
|
| 950 | oklch(0.239 0.033 129.13) | #1a2211 | hsl(88, 33%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.043 104.33) | #f7f5d4 | hsl(57, 69%, 90%) |
|
|
| 100 | oklch(0.952 0.058 104.29) | #f5f2c5 | hsl(56, 71%, 87%) |
|
|
| 200 | oklch(0.941 0.072 105.14) | #f2efb7 | hsl(57, 69%, 83%) |
|
|
| 300 | oklch(0.931 0.086 105.06) | #f0eca9 | hsl(57, 70%, 80%) |
|
|
| 400 | oklch(0.920 0.099 105.67) | #ede99b | hsl(57, 69%, 77%) |
|
|
| 500 | oklch(0.910 0.111 105.61) | #ebe68d | hsl(57, 70%, 74%) |
|
|
| 600 | oklch(0.870 0.151 106.26) | #e1da56 | hsl(57, 70%, 61%) |
|
|
| 700 | oklch(0.815 0.166 106.09) | #d1c825 | hsl(57, 70%, 48%) |
|
|
| 800 | oklch(0.649 0.131 105.92) | #9a931b | hsl(57, 70%, 35%) |
|
|
| 900 | oklch(0.472 0.093 105.55) | #635e11 | hsl(56, 71%, 23%) |
|
|
| 950 | oklch(0.275 0.050 105.87) | #2b2908 | hsl(57, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
