Tranquil Nature Color Palette
This palette exudes a tranquil, nature-inspired vibe with soft mint greens, gentle yellows, and earthy browns, creating a harmonious blend of freshness and grounded warmth.
Practical uses and creative applications
The Tranquil Nature Color Palette is a serene blend of earthy greens and soft neutrals that evokes a sense of calm and harmony. With hues like #80d3bb and #bafdc2, this palette is perfect for brands looking to convey sustainability and wellness.
It's ideal for web design, where a soothing user experience is crucial, and for packaging that aims to stand out on the shelves while promoting an eco-friendly image. This palette is not just for brands; it's a favorite among interior designers and creatives who wish to create tranquil spaces.
The gentle tones of #e5f3ba, along with the grounding shades of #5c493d and #3a352f, can transform any room into a peaceful retreat. Whether you're designing a cozy living area or a calming workspace, the Tranquil Nature Color Palette inspires a connection to the outdoors, making it perfect for anyone looking to infuse their projects with a natural and relaxed vibe.
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.941 0.028 177.05) | #d9f2eb | hsl(163, 49%, 90%) |
|
|
| 100 | oklch(0.914 0.041 175.45) | #c7ece1 | hsl(162, 49%, 85%) |
|
|
| 200 | oklch(0.887 0.054 175.66) | #b5e6d8 | hsl(163, 49%, 81%) |
|
|
| 300 | oklch(0.859 0.065 174.99) | #a4dfce | hsl(163, 48%, 76%) |
|
|
| 400 | oklch(0.833 0.077 174.76) | #92d9c5 | hsl(163, 48%, 71%) |
|
|
| 500 | oklch(0.807 0.089 173.53) | #80d3bb | hsl(163, 49%, 66%) |
|
|
| 600 | oklch(0.747 0.113 171.41) | #55c4a4 | hsl(163, 48%, 55%) |
|
|
| 700 | oklch(0.655 0.109 170.39) | #3aa687 | hsl(163, 48%, 44%) |
|
|
| 800 | oklch(0.528 0.086 170.62) | #2b7b64 | hsl(163, 48%, 33%) |
|
|
| 900 | oklch(0.394 0.063 170.02) | #1c5141 | hsl(162, 49%, 21%) |
|
|
| 950 | oklch(0.246 0.034 172.69) | #0d261f | hsl(163, 49%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.076 148.31) | #cdfed3 | hsl(127, 96%, 90%) |
|
|
| 100 | oklch(0.947 0.080 148.12) | #cafdd0 | hsl(127, 93%, 89%) |
|
|
| 200 | oklch(0.944 0.086 147.78) | #c6fdcc | hsl(127, 93%, 88%) |
|
|
| 300 | oklch(0.941 0.092 147.97) | #c2fdc9 | hsl(127, 94%, 88%) |
|
|
| 400 | oklch(0.937 0.098 147.65) | #befdc5 | hsl(127, 94%, 87%) |
|
|
| 500 | oklch(0.934 0.104 147.80) | #bafdc2 | hsl(127, 94%, 86%) |
|
|
| 600 | oklch(0.883 0.206 145.73) | #6ffb7f | hsl(127, 95%, 71%) |
|
|
| 700 | oklch(0.855 0.271 143.79) | #23f93d | hsl(127, 95%, 56%) |
|
|
| 800 | oklch(0.723 0.239 143.18) | #06c81d | hsl(127, 94%, 40%) |
|
|
| 900 | oklch(0.512 0.167 143.41) | #047d12 | hsl(127, 94%, 25%) |
|
|
| 950 | oklch(0.276 0.086 144.70) | #013207 | hsl(127, 96%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.047 117.74) | #eff7d4 | hsl(74, 69%, 90%) |
|
|
| 100 | oklch(0.958 0.055 118.57) | #edf7ce | hsl(75, 72%, 89%) |
|
|
| 200 | oklch(0.954 0.060 118.70) | #ebf6c9 | hsl(75, 71%, 88%) |
|
|
| 300 | oklch(0.949 0.065 118.83) | #e9f5c4 | hsl(75, 71%, 86%) |
|
|
| 400 | oklch(0.944 0.070 118.96) | #e7f4bf | hsl(75, 71%, 85%) |
|
|
| 500 | oklch(0.940 0.076 119.08) | #e5f3ba | hsl(75, 70%, 84%) |
|
|
| 600 | oklch(0.888 0.140 120.67) | #cde87a | hsl(75, 71%, 69%) |
|
|
| 700 | oklch(0.840 0.187 123.00) | #b4dd39 | hsl(75, 71%, 55%) |
|
|
| 800 | oklch(0.694 0.162 123.49) | #89ac1e | hsl(75, 70%, 40%) |
|
|
| 900 | oklch(0.496 0.113 123.18) | #566c13 | hsl(75, 70%, 25%) |
|
|
| 950 | oklch(0.273 0.055 121.21) | #232b08 | hsl(74, 69%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.009 52.09) | #ebe4e0 | hsl(22, 22%, 90%) |
|
|
| 100 | oklch(0.830 0.019 51.93) | #d2c4bc | hsl(22, 20%, 78%) |
|
|
| 200 | oklch(0.734 0.032 52.57) | #baa497 | hsl(22, 20%, 66%) |
|
|
| 300 | oklch(0.636 0.044 53.53) | #a18472 | hsl(23, 20%, 54%) |
|
|
| 400 | oklch(0.532 0.043 53.74) | #816655 | hsl(23, 21%, 42%) |
|
|
| 500 | oklch(0.422 0.032 53.89) | #5c493d | hsl(23, 20%, 30%) |
|
|
| 600 | oklch(0.383 0.029 52.03) | #503f35 | hsl(22, 20%, 26%) |
|
|
| 700 | oklch(0.344 0.024 56.49) | #43362d | hsl(25, 20%, 22%) |
|
|
| 800 | oklch(0.303 0.020 54.23) | #372c25 | hsl(23, 20%, 18%) |
|
|
| 900 | oklch(0.260 0.018 55.49) | #2b221c | hsl(24, 21%, 14%) |
|
|
| 950 | oklch(0.216 0.014 51.44) | #1f1814 | hsl(22, 22%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.819 0.011 76.59) | #c8c3bc | hsl(35, 10%, 76%) |
|
|
| 200 | oklch(0.710 0.019 73.00) | #a9a095 | hsl(33, 10%, 62%) |
|
|
| 300 | oklch(0.593 0.025 71.58) | #887c6e | hsl(32, 11%, 48%) |
|
|
| 400 | oklch(0.469 0.019 73.46) | #61594f | hsl(33, 10%, 35%) |
|
|
| 500 | oklch(0.332 0.012 72.40) | #3a352f | hsl(33, 10%, 21%) |
|
|
| 600 | oklch(0.311 0.012 78.13) | #34302a | hsl(36, 11%, 18%) |
|
|
| 700 | oklch(0.288 0.011 73.49) | #2e2a25 | hsl(33, 11%, 16%) |
|
|
| 800 | oklch(0.266 0.010 80.63) | #282520 | hsl(38, 11%, 14%) |
|
|
| 900 | oklch(0.242 0.007 67.47) | #221f1c | hsl(30, 10%, 12%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
