Earthy Serenity Color Palette
This earthy palette blends soft greens and warm browns with a splash of peach, evoking a serene, sunlit forest retreat filled with rustic charm and gentle tranquility.
Practical uses and creative applications
The Earthy Serenity Color Palette combines soft, nature-inspired hues that evoke a sense of calm and tranquility, making it an ideal choice for a variety of creative projects. Featuring delicate shades like #f4fcb8 (a gentle pastel green) and #cc7254 (a warm terracotta), this palette is perfect for branding that aims to convey sustainability and a connection to the natural world.
It's especially suited for eco-friendly businesses, organic products, or wellness brands looking to establish a grounded, nurturing identity. In web design, the Earthy Serenity palette can create inviting user experiences that resonate with audiences seeking comfort and authenticity.
The blend of colors such as #95a868 (a soft olive) and #dae681 (a muted sage) is perfect for modern websites in the health, lifestyle, and outdoor industries. Additionally, interior designers can utilize this palette to craft serene spaces that reflect tranquility, making it ideal for spas, yoga studios, or homes that prioritize a soothing atmosphere.
Whether you’re a designer, creative entrepreneur, or brand strategist, the Earthy Serenity Color Palette offers versatility and warmth that suits a range of stylesfrom rustic charm to contemporary elegance. By integrating these colors into your packaging, branding, or digital platforms, you can foster a deeper connection with your audience, inviting them to embrace the serene essence of nature in their everyday lives.
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.978 0.061 113.44) | #f7fdce | hsl(68, 92%, 90%) |
|
|
| 100 | oklch(0.977 0.066 113.08) | #f7fdca | hsl(67, 93%, 89%) |
|
|
| 200 | oklch(0.975 0.072 113.54) | #f6fdc5 | hsl(68, 93%, 88%) |
|
|
| 300 | oklch(0.972 0.076 113.32) | #f5fcc1 | hsl(67, 91%, 87%) |
|
|
| 400 | oklch(0.971 0.082 113.01) | #f5fcbc | hsl(67, 91%, 86%) |
|
|
| 500 | oklch(0.969 0.087 113.49) | #f4fcb8 | hsl(67, 92%, 85%) |
|
|
| 600 | oklch(0.944 0.163 115.07) | #e9f96e | hsl(67, 92%, 70%) |
|
|
| 700 | oklch(0.923 0.207 117.09) | #ddf624 | hsl(67, 92%, 55%) |
|
|
| 800 | oklch(0.780 0.179 117.56) | #afc508 | hsl(67, 92%, 40%) |
|
|
| 900 | oklch(0.552 0.126 117.44) | #6d7b05 | hsl(67, 92%, 25%) |
|
|
| 950 | oklch(0.297 0.066 117.02) | #2b3102 | hsl(68, 92%, 10%) |
|
dsfds
| 50 | oklch(0.964 0.046 112.55) | #f3f7d4 | hsl(67, 69%, 90%) |
|
|
| 100 | oklch(0.949 0.061 112.50) | #eef3c4 | hsl(66, 66%, 86%) |
|
|
| 200 | oklch(0.935 0.079 113.26) | #e9f0b3 | hsl(67, 67%, 82%) |
|
|
| 300 | oklch(0.922 0.096 113.88) | #e4eda2 | hsl(67, 68%, 78%) |
|
|
| 400 | oklch(0.907 0.110 113.97) | #dfe992 | hsl(67, 66%, 74%) |
|
|
| 500 | oklch(0.894 0.126 114.54) | #dae681 | hsl(67, 67%, 70%) |
|
|
| 600 | oklch(0.855 0.164 115.79) | #cbdc4e | hsl(67, 67%, 58%) |
|
|
| 700 | oklch(0.783 0.170 116.75) | #b2c527 | hsl(67, 67%, 46%) |
|
|
| 800 | oklch(0.625 0.133 116.16) | #84911d | hsl(67, 67%, 34%) |
|
|
| 900 | oklch(0.459 0.096 116.37) | #555e13 | hsl(67, 66%, 22%) |
|
|
| 950 | oklch(0.277 0.053 115.55) | #272b08 | hsl(67, 69%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.018 120.69) | #e8ecdf | hsl(78, 25%, 90%) |
|
|
| 100 | oklch(0.892 0.033 120.30) | #d8dfc7 | hsl(78, 27%, 83%) |
|
|
| 200 | oklch(0.844 0.047 120.74) | #c7d1af | hsl(78, 27%, 75%) |
|
|
| 300 | oklch(0.796 0.061 121.17) | #b6c397 | hsl(78, 27%, 68%) |
|
|
| 400 | oklch(0.750 0.076 121.65) | #a6b680 | hsl(78, 27%, 61%) |
|
|
| 500 | oklch(0.701 0.090 122.20) | #95a868 | hsl(78, 27%, 53%) |
|
|
| 600 | oklch(0.626 0.089 122.89) | #7e9153 | hsl(78, 27%, 45%) |
|
|
| 700 | oklch(0.535 0.073 121.91) | #667443 | hsl(77, 27%, 36%) |
|
|
| 800 | oklch(0.441 0.058 122.30) | #4d5833 | hsl(78, 27%, 27%) |
|
|
| 900 | oklch(0.342 0.042 121.38) | #353c23 | hsl(77, 26%, 19%) |
|
|
| 950 | oklch(0.235 0.024 122.18) | #1c2013 | hsl(78, 25%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.021 60.74) | #f2e4d9 | hsl(26, 49%, 90%) |
|
|
| 100 | oklch(0.823 0.053 61.27) | #dfbea3 | hsl(27, 48%, 76%) |
|
|
| 200 | oklch(0.717 0.085 59.25) | #cc976d | hsl(27, 48%, 61%) |
|
|
| 300 | oklch(0.608 0.106 57.09) | #b2713e | hsl(26, 48%, 47%) |
|
|
| 400 | oklch(0.469 0.078 58.52) | #7b4f2b | hsl(27, 48%, 33%) |
|
|
| 500 | oklch(0.319 0.049 58.46) | #452c18 | hsl(27, 48%, 18%) |
|
|
| 600 | oklch(0.301 0.045 57.97) | #3f2816 | hsl(26, 48%, 17%) |
|
|
| 700 | oklch(0.282 0.042 57.37) | #392414 | hsl(26, 48%, 15%) |
|
|
| 800 | oklch(0.262 0.038 59.89) | #322011 | hsl(27, 49%, 13%) |
|
|
| 900 | oklch(0.243 0.034 59.36) | #2c1c0f | hsl(27, 49%, 12%) |
|
|
| 950 | oklch(0.224 0.030 58.62) | #26180d | hsl(26, 49%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.024 40.34) | #f3dfd8 | hsl(16, 53%, 90%) |
|
|
| 100 | oklch(0.862 0.042 40.41) | #ebc9bd | hsl(16, 53%, 83%) |
|
|
| 200 | oklch(0.807 0.062 38.85) | #e4b3a3 | hsl(15, 55%, 77%) |
|
|
| 300 | oklch(0.752 0.081 38.35) | #dc9d89 | hsl(14, 54%, 70%) |
|
|
| 400 | oklch(0.699 0.101 39.64) | #d4886e | hsl(15, 54%, 63%) |
|
|
| 500 | oklch(0.647 0.122 39.10) | #cc7254 | hsl(15, 54%, 56%) |
|
|
| 600 | oklch(0.574 0.134 39.08) | #b95837 | hsl(15, 54%, 47%) |
|
|
| 700 | oklch(0.490 0.113 38.65) | #95462c | hsl(15, 54%, 38%) |
|
|
| 800 | oklch(0.403 0.089 39.15) | #703521 | hsl(15, 54%, 28%) |
|
|
| 900 | oklch(0.312 0.065 38.64) | #4c2417 | hsl(15, 54%, 19%) |
|
|
| 950 | oklch(0.213 0.036 39.97) | #27130c | hsl(16, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
