Tranquil Nature Color Palette
A refreshing blend of minty greens and deep teal, this palette exudes a serene, nature-inspired vibe, perfect for a tranquil, modern retreat.
Practical uses and creative applications
The Tranquil Nature Color Palette is a serene blend of soft greens and rich teal, perfect for evoking a sense of calm and connection to the outdoors. Comprising crisp white (#FFFFFF), gentle mint green (#A9F7BC), earthy sage (#79C58D), deep teal (#349E9B), and rich forest green (#004342), this palette is ideal for brands looking to instill a feeling of tranquility and sustainability.
It works exceptionally well in web design, where a soothing user experience is crucial, and can also enhance the aesthetics of packaging for eco-friendly products, making them visually appealing while staying true to their natural origins. This palette is particularly suited for designers and creatives in the wellness, organic, and lifestyle sectors.
Whether you're developing a branding strategy for a spa, designing a website for a sustainable fashion line, or curating interiors that promote relaxation, the Tranquil Nature Color Palette serves as a versatile foundation. Its harmonious colors create an inviting atmosphere that resonates with audiences seeking comfort and peace, making it an excellent choice for projects that aim to foster a connection with nature and well-being.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.062 152.93) | #d0fbdb | hsl(135, 84%, 90%) |
|
|
| 100 | oklch(0.941 0.071 152.86) | #c8fad5 | hsl(136, 83%, 88%) |
|
|
| 200 | oklch(0.932 0.081 151.67) | #c1f9ce | hsl(134, 82%, 87%) |
|
|
| 300 | oklch(0.924 0.091 151.66) | #b9f8c8 | hsl(134, 82%, 85%) |
|
|
| 400 | oklch(0.918 0.102 151.45) | #b1f8c2 | hsl(134, 84%, 83%) |
|
|
| 500 | oklch(0.910 0.111 151.34) | #a9f7bc | hsl(135, 83%, 82%) |
|
|
| 600 | oklch(0.857 0.188 148.92) | #66f188 | hsl(135, 83%, 67%) |
|
|
| 700 | oklch(0.821 0.243 145.94) | #23eb54 | hsl(135, 83%, 53%) |
|
|
| 800 | oklch(0.671 0.204 145.51) | #11b439 | hsl(135, 83%, 39%) |
|
|
| 900 | oklch(0.479 0.142 145.94) | #0b7124 | hsl(135, 82%, 24%) |
|
|
| 950 | oklch(0.268 0.073 147.73) | #042f0f | hsl(135, 84%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.030 154.69) | #dbf0e1 | hsl(137, 41%, 90%) |
|
|
| 100 | oklch(0.899 0.045 153.29) | #c8e7d0 | hsl(135, 39%, 85%) |
|
|
| 200 | oklch(0.864 0.063 152.77) | #b4dfbf | hsl(135, 40%, 79%) |
|
|
| 300 | oklch(0.828 0.079 152.44) | #a0d6ae | hsl(136, 40%, 73%) |
|
|
| 400 | oklch(0.795 0.095 152.00) | #8dce9e | hsl(136, 40%, 68%) |
|
|
| 500 | oklch(0.759 0.111 151.44) | #79c58d | hsl(136, 40%, 62%) |
|
|
| 600 | oklch(0.696 0.140 149.83) | #54b56d | hsl(135, 40%, 52%) |
|
|
| 700 | oklch(0.596 0.123 149.86) | #409356 | hsl(136, 39%, 41%) |
|
|
| 800 | oklch(0.485 0.098 149.82) | #306e40 | hsl(135, 39%, 31%) |
|
|
| 900 | oklch(0.366 0.070 149.69) | #20492a | hsl(135, 39%, 21%) |
|
|
| 950 | oklch(0.238 0.040 151.59) | #0f2415 | hsl(137, 41%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
| 100 | oklch(0.889 0.052 194.75) | #b3e6e5 | hsl(179, 50%, 80%) |
|
|
| 200 | oklch(0.838 0.075 193.69) | #8edad8 | hsl(178, 51%, 71%) |
|
|
| 300 | oklch(0.787 0.095 193.69) | #68cdcb | hsl(179, 50%, 61%) |
|
|
| 400 | oklch(0.742 0.109 192.04) | #43c1bd | hsl(178, 50%, 51%) |
|
|
| 500 | oklch(0.639 0.094 192.33) | #349e9b | hsl(178, 50%, 41%) |
|
|
| 600 | oklch(0.568 0.083 192.95) | #2c8684 | hsl(179, 51%, 35%) |
|
|
| 700 | oklch(0.493 0.071 192.53) | #246e6c | hsl(178, 51%, 29%) |
|
|
| 800 | oklch(0.416 0.059 193.51) | #1c5655 | hsl(179, 51%, 22%) |
|
|
| 900 | oklch(0.335 0.045 192.99) | #153e3d | hsl(179, 49%, 16%) |
|
|
| 950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.052 194.84) | #ccfffe | hsl(179, 100%, 90%) |
|
|
| 100 | oklch(0.926 0.115 194.00) | #7efffd | hsl(179, 100%, 75%) |
|
|
| 200 | oklch(0.907 0.149 193.27) | #2ffffc | hsl(179, 100%, 59%) |
|
|
| 300 | oklch(0.820 0.141 192.47) | #00e0dc | hsl(179, 100%, 44%) |
|
|
| 400 | oklch(0.594 0.102 193.05) | #00918f | hsl(179, 100%, 28%) |
|
|
| 500 | oklch(0.346 0.059 193.08) | #004342 | hsl(179, 100%, 13%) |
|
|
| 600 | oklch(0.336 0.058 193.01) | #00403f | hsl(179, 100%, 13%) |
|
|
| 700 | oklch(0.326 0.056 192.94) | #003d3c | hsl(179, 100%, 12%) |
|
|
| 800 | oklch(0.312 0.053 194.77) | #003939 | hsl(180, 100%, 11%) |
|
|
| 900 | oklch(0.301 0.052 192.76) | #003635 | hsl(179, 100%, 11%) |
|
|
| 950 | oklch(0.290 0.050 192.66) | #003332 | hsl(179, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
