Nature-Inspired Color Palette
This palette exudes a serene, nature-inspired vibe with deep teal, soft sage, and warm buttery yellow, creating a harmonious blend of tranquility and cheerfulness.
Practical uses and creative applications
The Nature-Inspired Color Palette seamlessly blends earthy tones and soft pastels, creating a refreshing aesthetic that resonates with the tranquility of the great outdoors. Featuring a deep teal (#3C6E71), muted green (#84A98C), soft gray (#CAD2C5), pale yellow-green (#DBE9B7), and a vibrant sunny yellow (#FFD662), this palette is ideal for branding projects that aim to evoke a sense of calm and sustainability.
Whether you're a designer crafting a new logo or a marketer developing eco-friendly product packaging, these colors can help convey a strong message of nature and wellness. This versatile palette is perfect for web design, especially for businesses in the wellness, organic, or outdoor industries.
Its soothing hues can create a harmonious user experience, making it appealing to creatives and designers looking to enhance their online presence. Additionally, the Nature-Inspired Color Palette is ideal for interior design, bringing a natural, inviting atmosphere to spaces like cafes, wellness centers, or homes.
By incorporating these colors into your projects, you can capture the essence of nature while appealing to an audience that values authenticity and environmental consciousness.
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.933 0.015 202.05) | #deeced | hsl(184, 29%, 90%) |
|
|
| 100 | oklch(0.859 0.034 198.86) | #b8d8d9 | hsl(182, 30%, 79%) |
|
|
| 200 | oklch(0.784 0.051 200.98) | #93c3c6 | hsl(184, 31%, 68%) |
|
|
| 300 | oklch(0.709 0.066 200.84) | #6eaeb2 | hsl(184, 31%, 56%) |
|
|
| 400 | oklch(0.618 0.068 200.66) | #509296 | hsl(183, 30%, 45%) |
|
|
| 500 | oklch(0.504 0.054 200.61) | #3c6e71 | hsl(183, 31%, 34%) |
|
|
| 600 | oklch(0.453 0.047 201.56) | #345e61 | hsl(184, 30%, 29%) |
|
|
| 700 | oklch(0.401 0.042 200.24) | #2b4f51 | hsl(183, 31%, 24%) |
|
|
| 800 | oklch(0.346 0.034 201.56) | #233f41 | hsl(184, 30%, 20%) |
|
|
| 900 | oklch(0.291 0.028 199.44) | #1a3031 | hsl(183, 31%, 15%) |
|
|
| 950 | oklch(0.231 0.019 201.58) | #122021 | hsl(184, 29%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.013 152.59) | #e1eae3 | hsl(133, 18%, 90%) |
|
|
| 100 | oklch(0.883 0.022 154.08) | #ceddd2 | hsl(136, 18%, 84%) |
|
|
| 200 | oklch(0.838 0.031 151.44) | #bcd0c0 | hsl(132, 18%, 78%) |
|
|
| 300 | oklch(0.792 0.040 152.30) | #a9c3af | hsl(134, 18%, 71%) |
|
|
| 400 | oklch(0.746 0.049 150.76) | #97b69d | hsl(132, 18%, 65%) |
|
|
| 500 | oklch(0.699 0.058 151.21) | #84a98c | hsl(133, 18%, 59%) |
|
|
| 600 | oklch(0.624 0.072 150.81) | #679471 | hsl(133, 18%, 49%) |
|
|
| 700 | oklch(0.531 0.059 150.18) | #53765a | hsl(132, 17%, 39%) |
|
|
| 800 | oklch(0.436 0.047 150.94) | #3e5944 | hsl(133, 18%, 30%) |
|
|
| 900 | oklch(0.333 0.033 149.66) | #2a3b2d | hsl(131, 17%, 20%) |
|
|
| 950 | oklch(0.224 0.019 151.40) | #151e17 | hsl(133, 18%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.010 131.36) | #e5e9e2 | hsl(94, 14%, 90%) |
|
|
| 100 | oklch(0.913 0.012 133.38) | #dfe4dc | hsl(98, 13%, 88%) |
|
|
| 200 | oklch(0.900 0.014 134.90) | #dae0d7 | hsl(100, 13%, 86%) |
|
|
| 300 | oklch(0.884 0.015 132.49) | #d5dbd1 | hsl(96, 12%, 84%) |
|
|
| 400 | oklch(0.870 0.018 134.93) | #cfd7cb | hsl(100, 13%, 82%) |
|
|
| 500 | oklch(0.854 0.020 133.10) | #cad2c5 | hsl(97, 13%, 80%) |
|
|
| 600 | oklch(0.750 0.035 134.01) | #a5b39d | hsl(98, 13%, 66%) |
|
|
| 700 | oklch(0.643 0.050 133.42) | #819475 | hsl(97, 13%, 52%) |
|
|
| 800 | oklch(0.515 0.042 133.01) | #5e6d54 | hsl(96, 13%, 38%) |
|
|
| 900 | oklch(0.376 0.030 133.84) | #3b4535 | hsl(98, 13%, 24%) |
|
|
| 950 | oklch(0.224 0.015 131.85) | #191d16 | hsl(94, 14%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.037 120.53) | #ebf3d8 | hsl(78, 53%, 90%) |
|
|
| 100 | oklch(0.943 0.043 120.01) | #e8f1d1 | hsl(77, 53%, 88%) |
|
|
| 200 | oklch(0.935 0.049 119.96) | #e5efcb | hsl(77, 53%, 87%) |
|
|
| 300 | oklch(0.927 0.055 119.69) | #e2edc4 | hsl(76, 53%, 85%) |
|
|
| 400 | oklch(0.919 0.061 120.70) | #deebbe | hsl(77, 53%, 83%) |
|
|
| 500 | oklch(0.911 0.067 120.45) | #dbe9b7 | hsl(77, 53%, 82%) |
|
|
| 600 | oklch(0.844 0.118 121.77) | #bfd87f | hsl(77, 53%, 67%) |
|
|
| 700 | oklch(0.778 0.159 123.52) | #a3c747 | hsl(77, 53%, 53%) |
|
|
| 800 | oklch(0.633 0.134 123.62) | #7a972e | hsl(77, 53%, 39%) |
|
|
| 900 | oklch(0.456 0.093 123.18) | #4d5f1d | hsl(76, 53%, 24%) |
|
|
| 950 | oklch(0.257 0.046 123.38) | #1f270c | hsl(78, 53%, 10%) |
|
dsfds
| 50 | oklch(0.962 0.051 91.37) | #fff2cc | hsl(45, 100%, 90%) |
|
|
| 100 | oklch(0.946 0.071 90.66) | #ffecb7 | hsl(44, 100%, 86%) |
|
|
| 200 | oklch(0.932 0.091 91.10) | #ffe7a2 | hsl(45, 100%, 82%) |
|
|
| 300 | oklch(0.916 0.110 90.67) | #ffe18c | hsl(44, 100%, 77%) |
|
|
| 400 | oklch(0.904 0.126 90.65) | #ffdc77 | hsl(45, 100%, 73%) |
|
|
| 500 | oklch(0.890 0.141 89.76) | #ffd662 | hsl(44, 100%, 69%) |
|
|
| 600 | oklch(0.854 0.167 86.38) | #ffc626 | hsl(44, 100%, 57%) |
|
|
| 700 | oklch(0.779 0.160 83.27) | #e8ac00 | hsl(44, 100%, 45%) |
|
|
| 800 | oklch(0.624 0.128 83.53) | #ac7f00 | hsl(44, 100%, 34%) |
|
|
| 900 | oklch(0.457 0.094 84.87) | #6f5200 | hsl(44, 100%, 22%) |
|
|
| 950 | oklch(0.276 0.056 89.07) | #332600 | hsl(45, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
