Fresh Nature-Inspired Color Palette
This palette radiates a fresh, serene vibe with sunlit yellows and tranquil greens, grounded by deep earthy tones, evoking a harmonious blend of nature and modern elegance.
Practical uses and creative applications
The Fresh Nature-Inspired Color Palette is a vibrant combination that brings the essence of the outdoors into your designs. Featuring soft yellows (#fffab3) reminiscent of sunlit meadows, serene greens (#a2e5d2 and #63b397) that evoke tranquility, and earthy tones (#9dab34 and #2c2321) grounding the palette, this collection is perfect for a variety of creative projects.
Whether you're working on branding, web design, packaging, or interior decor, these colors can beautifully convey a sense of freshness and vitality, making them ideal for businesses focused on sustainability, wellness, or eco-friendly products. This palette is particularly suited for designers and creatives looking to inspire a calming yet invigorating atmosphere.
It can be effectively used in branding for organic food companies, outdoor apparel, or nature-themed events, where evoking a connection to the environment is key. In web design, the Fresh Nature-Inspired Color Palette can enhance user experience by promoting a clean and inviting aesthetic, while in packaging, these colors can attract eco-conscious consumers.
For interior spaces, these hues can create a soothing sanctuary, perfect for homes or wellness centers aiming to promote relaxation.
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.982 0.062 104.52) | #fffccc | hsl(56, 100%, 90%) |
|
|
| 100 | oklch(0.979 0.067 103.90) | #fffbc7 | hsl(56, 100%, 89%) |
|
|
| 200 | oklch(0.977 0.073 104.31) | #fffbc2 | hsl(56, 100%, 88%) |
|
|
| 300 | oklch(0.976 0.079 104.67) | #fffbbd | hsl(56, 100%, 87%) |
|
|
| 400 | oklch(0.974 0.084 104.20) | #fffab8 | hsl(56, 100%, 86%) |
|
|
| 500 | oklch(0.973 0.090 104.54) | #fffab3 | hsl(56, 100%, 85%) |
|
|
| 600 | oklch(0.952 0.162 105.30) | #fff566 | hsl(56, 100%, 70%) |
|
|
| 700 | oklch(0.937 0.195 104.87) | #fff01a | hsl(56, 100%, 55%) |
|
|
| 800 | oklch(0.790 0.167 104.65) | #ccbf00 | hsl(56, 100%, 40%) |
|
|
| 900 | oklch(0.560 0.118 104.30) | #807700 | hsl(56, 100%, 25%) |
|
|
| 950 | oklch(0.303 0.064 105.89) | #333000 | hsl(56, 100%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.032 177.18) | #d7f4ec | hsl(163, 57%, 90%) |
|
|
| 100 | oklch(0.930 0.040 176.77) | #cdf1e7 | hsl(163, 56%, 87%) |
|
|
| 200 | oklch(0.915 0.049 175.30) | #c2eee1 | hsl(162, 56%, 85%) |
|
|
| 300 | oklch(0.900 0.057 175.39) | #b7ebdc | hsl(163, 57%, 82%) |
|
|
| 400 | oklch(0.886 0.064 175.09) | #ade8d7 | hsl(163, 56%, 79%) |
|
|
| 500 | oklch(0.872 0.072 174.99) | #a2e5d2 | hsl(163, 56%, 77%) |
|
|
| 600 | oklch(0.805 0.108 172.57) | #6dd6b8 | hsl(163, 56%, 63%) |
|
|
| 700 | oklch(0.745 0.133 169.72) | #38c79f | hsl(163, 56%, 50%) |
|
|
| 800 | oklch(0.593 0.105 169.55) | #299274 | hsl(163, 56%, 37%) |
|
|
| 900 | oklch(0.431 0.074 170.21) | #1a5d4a | hsl(163, 56%, 23%) |
|
|
| 950 | oklch(0.252 0.038 172.17) | #0b2820 | hsl(163, 57%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.020 172.77) | #ddeee8 | hsl(159, 33%, 90%) |
|
|
| 100 | oklch(0.888 0.034 173.41) | #c4e2d8 | hsl(160, 34%, 83%) |
|
|
| 200 | oklch(0.844 0.050 171.80) | #acd7c8 | hsl(159, 35%, 76%) |
|
|
| 300 | oklch(0.798 0.064 170.17) | #94cbb7 | hsl(158, 35%, 69%) |
|
|
| 400 | oklch(0.752 0.078 169.88) | #7bbfa7 | hsl(159, 35%, 62%) |
|
|
| 500 | oklch(0.707 0.090 168.97) | #63b397 | hsl(159, 34%, 55%) |
|
|
| 600 | oklch(0.634 0.090 168.17) | #4c9c80 | hsl(159, 34%, 45%) |
|
|
| 700 | oklch(0.543 0.077 168.02) | #3d7e67 | hsl(159, 35%, 37%) |
|
|
| 800 | oklch(0.446 0.061 168.67) | #2e5f4e | hsl(159, 35%, 28%) |
|
|
| 900 | oklch(0.346 0.045 168.08) | #204135 | hsl(158, 34%, 19%) |
|
|
| 950 | oklch(0.235 0.026 169.60) | #11221c | hsl(159, 33%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.036 112.22) | #f0f3d8 | hsl(67, 53%, 90%) |
|
|
| 100 | oklch(0.914 0.068 113.10) | #e2e8b4 | hsl(67, 53%, 81%) |
|
|
| 200 | oklch(0.873 0.099 113.91) | #d4dd90 | hsl(67, 53%, 72%) |
|
|
| 300 | oklch(0.833 0.129 114.72) | #c6d26b | hsl(67, 53%, 62%) |
|
|
| 400 | oklch(0.794 0.151 115.63) | #b8c747 | hsl(67, 53%, 53%) |
|
|
| 500 | oklch(0.708 0.141 115.92) | #9dab34 | hsl(67, 53%, 44%) |
|
|
| 600 | oklch(0.627 0.124 115.93) | #85912c | hsl(67, 53%, 37%) |
|
|
| 700 | oklch(0.541 0.105 115.36) | #6d7624 | hsl(67, 53%, 30%) |
|
|
| 800 | oklch(0.454 0.087 116.05) | #545c1c | hsl(68, 53%, 24%) |
|
|
| 900 | oklch(0.360 0.066 115.12) | #3c4114 | hsl(67, 53%, 17%) |
|
|
| 950 | oklch(0.262 0.044 114.75) | #24270c | hsl(67, 53%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.007 28.84) | #e9e3e2 | hsl(9, 14%, 90%) |
|
|
| 100 | oklch(0.799 0.017 36.52) | #c8bab6 | hsl(13, 14%, 75%) |
|
|
| 200 | oklch(0.674 0.030 31.72) | #a8908b | hsl(10, 14%, 60%) |
|
|
| 300 | oklch(0.542 0.036 32.70) | #836862 | hsl(11, 14%, 45%) |
|
|
| 400 | oklch(0.412 0.026 32.67) | #584642 | hsl(11, 14%, 30%) |
|
|
| 500 | oklch(0.266 0.014 32.63) | #2c2321 | hsl(11, 14%, 15%) |
|
|
| 600 | oklch(0.256 0.013 34.34) | #29211f | hsl(12, 14%, 14%) |
|
|
| 700 | oklch(0.244 0.013 26.41) | #261e1d | hsl(7, 13%, 13%) |
|
|
| 800 | oklch(0.234 0.012 36.49) | #231c1a | hsl(13, 15%, 12%) |
|
|
| 900 | oklch(0.224 0.010 39.30) | #201a18 | hsl(15, 14%, 11%) |
|
|
| 950 | oklch(0.211 0.010 29.07) | #1d1716 | hsl(9, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
