Fresh Nature-Inspired Color Palette
This palette exudes a fresh, cheerful energy with soft greens and sunny yellows, creating a lighthearted, nature-inspired vibe perfect for a bright, uplifting space.
Practical uses and creative applications
The Fresh Nature-Inspired Color Palette is a vibrant blend of soft greens and yellows, perfect for anyone looking to evoke a sense of tranquility and renewal. Featuring main colors like #cce4d1, #d2e1a7, #d8de7d, #dedb53, and #e4d829, this palette is ideal for brands that want to reflect a commitment to sustainability and wellness.
Whether you're designing a new line of eco-friendly products or refreshing your website's aesthetic, these colors can bring a fresh, inviting atmosphere to your projects. This palette is particularly suited for creatives in fields such as branding, web design, and packaging.
Designers can use these hues to create harmonious interiors that promote relaxation, making them a great choice for wellness centers, spas, or organic cafes. The uplifting combination of colors not only catches the eye but also fosters a connection to nature, appealing to environmentally-conscious consumers.
By incorporating the Fresh Nature-Inspired Color Palette into your work, you'll create a captivating and memorable experience that resonates with audiences who value authenticity and creativity.
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.932 0.023 151.64) | #deede1 | hsl(132, 29%, 90%) |
|
|
100 | oklch(0.924 0.025 152.86) | #daebde | hsl(134, 30%, 89%) |
|
|
200 | oklch(0.919 0.028 151.90) | #d7eadb | hsl(133, 31%, 88%) |
|
|
300 | oklch(0.911 0.032 151.14) | #d3e8d7 | hsl(131, 31%, 87%) |
|
|
400 | oklch(0.904 0.034 150.81) | #d0e6d4 | hsl(131, 31%, 86%) |
|
|
500 | oklch(0.896 0.036 151.67) | #cce4d1 | hsl(133, 31%, 85%) |
|
|
600 | oklch(0.795 0.074 150.79) | #9acaa4 | hsl(133, 31%, 70%) |
|
|
700 | oklch(0.692 0.109 149.60) | #68af77 | hsl(133, 31%, 55%) |
|
|
800 | oklch(0.561 0.101 148.97) | #468553 | hsl(132, 31%, 40%) |
|
|
900 | oklch(0.404 0.068 149.18) | #2c5334 | hsl(132, 31%, 25%) |
|
|
950 | oklch(0.230 0.031 149.74) | #122115 | hsl(132, 29%, 10%) |
|
dsfds
50 | oklch(0.950 0.034 118.01) | #ecf2d9 | hsl(74, 49%, 90%) |
|
|
100 | oklch(0.937 0.043 120.01) | #e6efcf | hsl(77, 50%, 87%) |
|
|
200 | oklch(0.923 0.051 119.39) | #e1ebc5 | hsl(76, 49%, 85%) |
|
|
300 | oklch(0.910 0.061 119.74) | #dce8bb | hsl(76, 49%, 82%) |
|
|
400 | oklch(0.896 0.069 119.41) | #d7e4b1 | hsl(75, 49%, 79%) |
|
|
500 | oklch(0.884 0.078 119.79) | #d2e1a7 | hsl(76, 49%, 77%) |
|
|
600 | oklch(0.819 0.121 121.11) | #b8d074 | hsl(76, 49%, 64%) |
|
|
700 | oklch(0.754 0.154 122.49) | #9ebe41 | hsl(75, 49%, 50%) |
|
|
800 | oklch(0.602 0.121 122.58) | #748c30 | hsl(76, 49%, 37%) |
|
|
900 | oklch(0.438 0.085 122.06) | #4a591e | hsl(75, 50%, 23%) |
|
|
950 | oklch(0.256 0.043 120.68) | #20260d | hsl(74, 49%, 10%) |
|
dsfds
50 | oklch(0.961 0.041 110.15) | #f3f5d6 | hsl(64, 61%, 90%) |
|
|
100 | oklch(0.942 0.057 110.66) | #edf0c4 | hsl(64, 59%, 85%) |
|
|
200 | oklch(0.926 0.074 111.09) | #e8ecb3 | hsl(64, 60%, 81%) |
|
|
300 | oklch(0.909 0.090 110.81) | #e3e7a1 | hsl(63, 59%, 77%) |
|
|
400 | oklch(0.892 0.107 111.86) | #dde38f | hsl(64, 60%, 73%) |
|
|
500 | oklch(0.875 0.121 111.74) | #d8de7d | hsl(64, 60%, 68%) |
|
|
600 | oklch(0.833 0.153 112.58) | #cad24e | hsl(64, 59%, 56%) |
|
|
700 | oklch(0.746 0.152 112.95) | #aeb62e | hsl(64, 60%, 45%) |
|
|
800 | oklch(0.599 0.120 112.92) | #818722 | hsl(64, 60%, 33%) |
|
|
900 | oklch(0.443 0.087 112.84) | #545816 | hsl(64, 60%, 22%) |
|
|
950 | oklch(0.271 0.048 112.66) | #27290a | hsl(64, 61%, 10%) |
|
dsfds
50 | oklch(0.965 0.044 105.82) | #f7f6d4 | hsl(58, 69%, 90%) |
|
|
100 | oklch(0.946 0.071 106.81) | #f2f1ba | hsl(59, 68%, 84%) |
|
|
200 | oklch(0.925 0.094 106.79) | #edeba1 | hsl(58, 68%, 78%) |
|
|
300 | oklch(0.906 0.118 107.48) | #e8e687 | hsl(59, 68%, 72%) |
|
|
400 | oklch(0.886 0.137 107.54) | #e3e06d | hsl(58, 68%, 66%) |
|
|
500 | oklch(0.869 0.155 108.02) | #dedb53 | hsl(59, 68%, 60%) |
|
|
600 | oklch(0.840 0.172 108.50) | #d5d229 | hsl(59, 68%, 50%) |
|
|
700 | oklch(0.712 0.145 108.21) | #aba821 | hsl(59, 68%, 40%) |
|
|
800 | oklch(0.577 0.116 108.35) | #807e19 | hsl(59, 67%, 30%) |
|
|
900 | oklch(0.433 0.086 108.63) | #555410 | hsl(59, 68%, 20%) |
|
|
950 | oklch(0.278 0.051 107.66) | #2b2a08 | hsl(58, 69%, 10%) |
|
dsfds
50 | oklch(0.968 0.048 104.72) | #f9f7d2 | hsl(57, 76%, 90%) |
|
|
100 | oklch(0.946 0.083 104.91) | #f5f1b0 | hsl(57, 78%, 83%) |
|
|
200 | oklch(0.923 0.114 104.62) | #f1ea8e | hsl(56, 78%, 75%) |
|
|
300 | oklch(0.903 0.142 104.95) | #ede46c | hsl(56, 78%, 68%) |
|
|
400 | oklch(0.883 0.162 105.43) | #e8de4b | hsl(56, 77%, 60%) |
|
|
500 | oklch(0.865 0.175 105.23) | #e4d829 | hsl(56, 78%, 53%) |
|
|
600 | oklch(0.783 0.162 105.20) | #c8bd19 | hsl(56, 78%, 44%) |
|
|
700 | oklch(0.667 0.137 105.16) | #a19814 | hsl(56, 78%, 35%) |
|
|
800 | oklch(0.548 0.112 105.14) | #7b740f | hsl(56, 78%, 27%) |
|
|
900 | oklch(0.420 0.083 104.97) | #544f0b | hsl(56, 77%, 19%) |
|
|
950 | oklch(0.283 0.054 106.30) | #2d2b06 | hsl(57, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.