Tranquil Nature Color Palette
This palette exudes a fresh and tranquil vibe with vibrant emerald green, deep forest tones, and soothing grays, creating a harmonious blend of nature-inspired elegance and modern minimalism.
Practical uses and creative applications
The Tranquil Nature Color Palette is a harmonious blend of earthy tones that evoke a sense of calm and serenity. Featuring vibrant greens like #00ED64 and #106149, complemented by soft neutrals such as #C8C8C8 and #EAEAEA, this palette is perfect for branding that aims to connect with themes of sustainability and wellness.
Whether you’re designing a logo for an eco-friendly product line or creating a soothing website for a wellness retreat, these colors will resonate with audiences seeking a natural, grounded aesthetic. Ideal for designers and creatives in fields such as web design, packaging, and interior decor, the Tranquil Nature Color Palette brings a fresh perspective to modern projects.
Imagine using these colors in a minimalist interior space to promote relaxation and mindfulness, or incorporating them into packaging for organic skincare products that highlight their natural ingredients. This palette not only enhances visual appeal but also helps communicate a brand's commitment to eco-conscious values, making it an excellent choice for businesses in the health, beauty, and lifestyle sectors.
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.957 0.065 159.96) | #ccffe2 | hsl(146, 100%, 90%) |
|
|
| 100 | oklch(0.926 0.118 157.67) | #a0ffc8 | hsl(145, 100%, 81%) |
|
|
| 200 | oklch(0.902 0.167 155.46) | #73ffae | hsl(145, 100%, 73%) |
|
|
| 300 | oklch(0.885 0.206 153.01) | #47ff95 | hsl(145, 100%, 64%) |
|
|
| 400 | oklch(0.876 0.237 150.07) | #1aff7b | hsl(145, 100%, 55%) |
|
|
| 500 | oklch(0.825 0.237 148.37) | #00ed64 | hsl(145, 100%, 46%) |
|
|
| 600 | oklch(0.727 0.208 148.49) | #00c854 | hsl(145, 100%, 39%) |
|
|
| 700 | oklch(0.625 0.177 148.87) | #00a345 | hsl(145, 100%, 32%) |
|
|
| 800 | oklch(0.515 0.144 149.34) | #007d35 | hsl(145, 100%, 25%) |
|
|
| 900 | oklch(0.402 0.111 150.03) | #005825 | hsl(145, 100%, 17%) |
|
|
| 950 | oklch(0.281 0.073 152.37) | #003316 | hsl(146, 100%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.041 175.51) | #d3f8ed | hsl(162, 73%, 90%) |
|
|
| 100 | oklch(0.887 0.091 172.99) | #98eed4 | hsl(162, 72%, 76%) |
|
|
| 200 | oklch(0.833 0.132 170.49) | #5ce4bc | hsl(162, 72%, 63%) |
|
|
| 300 | oklch(0.785 0.156 166.13) | #24d8a2 | hsl(162, 71%, 49%) |
|
|
| 400 | oklch(0.618 0.121 167.05) | #1a9c76 | hsl(162, 71%, 36%) |
|
|
| 500 | oklch(0.440 0.084 167.44) | #106149 | hsl(162, 72%, 22%) |
|
|
| 600 | oklch(0.405 0.076 167.96) | #0e5641 | hsl(163, 72%, 20%) |
|
|
| 700 | oklch(0.373 0.070 167.75) | #0c4c39 | hsl(162, 73%, 17%) |
|
|
| 800 | oklch(0.336 0.062 168.30) | #0b4131 | hsl(162, 71%, 15%) |
|
|
| 900 | oklch(0.299 0.053 169.23) | #093629 | hsl(163, 71%, 12%) |
|
|
| 950 | oklch(0.264 0.046 169.12) | #072c21 | hsl(162, 73%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.004 236.50) | #e3e6e8 | hsl(204, 10%, 90%) |
|
|
| 100 | oklch(0.824 0.009 247.93) | #c1c6cb | hsl(210, 9%, 78%) |
|
|
| 200 | oklch(0.724 0.015 248.03) | #9fa7af | hsl(210, 9%, 65%) |
|
|
| 300 | oklch(0.621 0.020 245.54) | #7d8892 | hsl(209, 9%, 53%) |
|
|
| 400 | oklch(0.515 0.018 242.02) | #5f6971 | hsl(207, 9%, 41%) |
|
|
| 500 | oklch(0.401 0.014 243.94) | #42494f | hsl(208, 9%, 28%) |
|
|
| 600 | oklch(0.367 0.013 238.87) | #394045 | hsl(205, 10%, 25%) |
|
|
| 700 | oklch(0.330 0.011 248.17) | #31363b | hsl(210, 9%, 21%) |
|
|
| 800 | oklch(0.293 0.009 234.00) | #282d30 | hsl(203, 9%, 17%) |
|
|
| 900 | oklch(0.254 0.007 248.11) | #202326 | hsl(210, 9%, 14%) |
|
|
| 950 | oklch(0.215 0.006 236.85) | #171a1c | hsl(204, 10%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.907 0.000 89.88) | #e0e0e0 | hsl(0, 0%, 88%) |
|
|
| 200 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 300 | oklch(0.870 0.000 89.88) | #d4d4d4 | hsl(0, 0%, 83%) |
|
|
| 400 | oklch(0.851 0.000 89.88) | #cecece | hsl(0, 0%, 81%) |
|
|
| 500 | oklch(0.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 600 | oklch(0.722 0.000 89.88) | #a5a5a5 | hsl(0, 0%, 65%) |
|
|
| 700 | oklch(0.607 0.000 89.88) | #828282 | hsl(0, 0%, 51%) |
|
|
| 800 | oklch(0.485 0.000 89.88) | #5f5f5f | hsl(0, 0%, 37%) |
|
|
| 900 | oklch(0.356 0.000 89.88) | #3c3c3c | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
| 300 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 400 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 500 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 600 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 700 | oklch(0.676 0.000 89.88) | #979797 | hsl(0, 0%, 59%) |
|
|
| 800 | oklch(0.535 0.000 89.88) | #6d6d6d | hsl(0, 0%, 43%) |
|
|
| 900 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
