Serene Nature Color Palette
This palette exudes a serene, nature-inspired vibe, blending soft buttery yellows, gentle greens, and earthy blues for a harmonious and refreshing escape.
Practical uses and creative applications
The Serene Nature Color Palette is a thoughtful blend of soft, earthy tones that evokes a sense of tranquility and balance. Featuring gentle hues like #f8f4c4, a warm cream, and #d5e0b5, a soothing light green, this palette is perfect for creating a calming atmosphere in various applications.
Whether you're designing a website, crafting a branding identity, or developing packaging, these colors can help communicate a message of peace and harmony, making them ideal for businesses in wellness, eco-friendly products, or lifestyle brands. This palette is particularly appealing to designers and creatives looking to evoke a natural, relaxed vibe in their work.
The deeper shades, such as #6d8b89 and #47667b, provide depth and sophistication, making it a great choice for interior design projects that aim to create serene spaces, such as spas or meditation rooms. By using the Serene Nature Color Palette, you can transform any project into a visual oasis that resonates with audiences seeking calm and connection to nature.
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.969 0.049 103.56) | #faf7d1 | hsl(56, 80%, 90%) |
|
|
| 100 | oklch(0.966 0.051 103.68) | #f9f6cf | hsl(56, 78%, 89%) |
|
|
| 200 | oklch(0.965 0.055 104.00) | #f9f6cc | hsl(56, 79%, 89%) |
|
|
| 300 | oklch(0.962 0.057 103.11) | #f9f5c9 | hsl(55, 80%, 88%) |
|
|
| 400 | oklch(0.961 0.060 104.37) | #f8f5c7 | hsl(56, 78%, 88%) |
|
|
| 500 | oklch(0.958 0.062 103.55) | #f8f4c4 | hsl(55, 79%, 87%) |
|
|
| 600 | oklch(0.914 0.127 104.27) | #f0e77e | hsl(55, 79%, 72%) |
|
|
| 700 | oklch(0.873 0.170 104.64) | #e7da37 | hsl(56, 79%, 56%) |
|
|
| 800 | oklch(0.738 0.152 104.39) | #baae16 | hsl(56, 79%, 41%) |
|
|
| 900 | oklch(0.523 0.106 104.11) | #746c0e | hsl(55, 78%, 25%) |
|
|
| 950 | oklch(0.284 0.055 104.85) | #2e2b05 | hsl(56, 80%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.028 117.83) | #ebf0db | hsl(74, 41%, 90%) |
|
|
| 100 | oklch(0.934 0.035 119.34) | #e6edd3 | hsl(76, 42%, 88%) |
|
|
| 200 | oklch(0.923 0.041 119.34) | #e2eacc | hsl(76, 42%, 86%) |
|
|
| 300 | oklch(0.910 0.046 118.08) | #dee6c4 | hsl(74, 40%, 84%) |
|
|
| 400 | oklch(0.898 0.052 119.42) | #d9e3bd | hsl(76, 40%, 82%) |
|
|
| 500 | oklch(0.887 0.058 119.25) | #d5e0b5 | hsl(75, 41%, 79%) |
|
|
| 600 | oklch(0.811 0.097 120.03) | #b9cb83 | hsl(75, 41%, 65%) |
|
|
| 700 | oklch(0.735 0.131 121.73) | #9cb651 | hsl(75, 41%, 52%) |
|
|
| 800 | oklch(0.593 0.108 121.63) | #748839 | hsl(75, 41%, 38%) |
|
|
| 900 | oklch(0.430 0.075 121.72) | #495624 | hsl(76, 41%, 24%) |
|
|
| 950 | oklch(0.249 0.037 120.14) | #1f240f | hsl(74, 41%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.018 148.10) | #e0ebe1 | hsl(125, 22%, 90%) |
|
|
| 100 | oklch(0.901 0.024 145.37) | #d5e3d5 | hsl(120, 20%, 86%) |
|
|
| 200 | oklch(0.873 0.030 146.87) | #c9dbca | hsl(123, 20%, 82%) |
|
|
| 300 | oklch(0.845 0.037 146.49) | #bdd3be | hsl(123, 20%, 78%) |
|
|
| 400 | oklch(0.816 0.043 147.30) | #b1cbb3 | hsl(125, 20%, 75%) |
|
|
| 500 | oklch(0.787 0.051 146.88) | #a5c3a7 | hsl(124, 20%, 71%) |
|
|
| 600 | oklch(0.697 0.072 146.58) | #80aa83 | hsl(124, 20%, 58%) |
|
|
| 700 | oklch(0.601 0.084 145.97) | #5f8e62 | hsl(124, 20%, 46%) |
|
|
| 800 | oklch(0.484 0.066 145.84) | #466948 | hsl(123, 20%, 34%) |
|
|
| 900 | oklch(0.361 0.046 146.70) | #2d442f | hsl(125, 20%, 22%) |
|
|
| 950 | oklch(0.225 0.025 147.03) | #141f15 | hsl(125, 22%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.008 186.88) | #e2e9e8 | hsl(171, 14%, 90%) |
|
|
| 100 | oklch(0.867 0.012 190.41) | #cbd6d5 | hsl(175, 12%, 82%) |
|
|
| 200 | oklch(0.805 0.018 192.27) | #b3c3c2 | hsl(176, 12%, 73%) |
|
|
| 300 | oklch(0.743 0.024 193.29) | #9bb1b0 | hsl(177, 12%, 65%) |
|
|
| 400 | oklch(0.679 0.029 193.62) | #849e9d | hsl(178, 12%, 57%) |
|
|
| 500 | oklch(0.613 0.034 191.26) | #6d8b89 | hsl(176, 12%, 49%) |
|
|
| 600 | oklch(0.542 0.029 190.29) | #5c7573 | hsl(175, 12%, 41%) |
|
|
| 700 | oklch(0.468 0.026 189.14) | #4a5f5d | hsl(174, 12%, 33%) |
|
|
| 800 | oklch(0.391 0.020 191.64) | #394948 | hsl(176, 12%, 25%) |
|
|
| 900 | oklch(0.311 0.015 189.62) | #283332 | hsl(175, 12%, 18%) |
|
|
| 950 | oklch(0.223 0.010 185.87) | #161d1c | hsl(171, 14%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.011 234.83) | #dfe7ec | hsl(203, 25%, 90%) |
|
|
| 100 | oklch(0.842 0.024 236.03) | #bdced9 | hsl(204, 27%, 80%) |
|
|
| 200 | oklch(0.759 0.038 236.67) | #9bb5c6 | hsl(204, 27%, 69%) |
|
|
| 300 | oklch(0.673 0.050 238.89) | #7a9bb2 | hsl(205, 27%, 59%) |
|
|
| 400 | oklch(0.588 0.061 238.68) | #5a829d | hsl(204, 27%, 48%) |
|
|
| 500 | oklch(0.495 0.049 238.68) | #47667b | hsl(204, 27%, 38%) |
|
|
| 600 | oklch(0.443 0.043 239.20) | #3d5769 | hsl(205, 27%, 33%) |
|
|
| 700 | oklch(0.390 0.037 238.76) | #324857 | hsl(204, 27%, 27%) |
|
|
| 800 | oklch(0.335 0.031 239.58) | #283945 | hsl(205, 27%, 21%) |
|
|
| 900 | oklch(0.277 0.023 235.72) | #1d2a32 | hsl(203, 27%, 15%) |
|
|
| 950 | oklch(0.216 0.015 235.86) | #131b20 | hsl(203, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
