Serene Earthy Color Palette
This palette radiates a serene, earthy vibe with deep charcoal grays, soft moss greens, and gentle pastel beiges, evoking a harmonious blend of modern sophistication and natural tranquility.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of earthy greens and calming neutrals that evokes a sense of tranquility and connection to nature. Comprising deep charcoal (#373737), soft sage (#8db986), gentle mint (#acce91), warm olive (#badb73), and a delicate cream (#efeae4), this palette is ideal for branding and web design projects that aim to convey sustainability and organic elegance.
Designers looking to create an inviting online presence for eco-friendly brands will find this palette particularly appealing, as it seamlessly communicates a commitment to the environment. In addition to digital applications, the Serene Earthy Color Palette is perfect for interior design projects that seek to create a calming sanctuary.
Whether you're designing a cozy home office or a tranquil bedroom, these colors work harmoniously to foster relaxation and mindfulness. Creatives in the packaging industry can also leverage this palette to develop products that stand out on the shelf while resonating with environmentally conscious consumers.
Overall, the Serene Earthy Color Palette is not just a visual choice; it's an emotional journey that connects with audiences who value serenity and sustainability in their lifestyle.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.817 0.000 89.88) | #c3c3c3 | hsl(0, 0%, 76%) |
|
|
| 200 | oklch(0.706 0.000 89.88) | #a0a0a0 | hsl(0, 0%, 63%) |
|
|
| 300 | oklch(0.590 0.000 89.88) | #7d7d7d | hsl(0, 0%, 49%) |
|
|
| 400 | oklch(0.468 0.000 89.88) | #5a5a5a | hsl(0, 0%, 35%) |
|
|
| 500 | oklch(0.337 0.000 89.88) | #373737 | hsl(0, 0%, 22%) |
|
|
| 600 | oklch(0.313 0.000 89.88) | #313131 | hsl(0, 0%, 19%) |
|
|
| 700 | oklch(0.289 0.000 89.88) | #2b2b2b | hsl(0, 0%, 17%) |
|
|
| 800 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
| 900 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.021 140.90) | #e1ecdf | hsl(111, 25%, 90%) |
|
|
| 100 | oklch(0.894 0.034 141.20) | #d0e2cd | hsl(111, 27%, 85%) |
|
|
| 200 | oklch(0.856 0.048 141.30) | #bfd8bb | hsl(112, 27%, 79%) |
|
|
| 300 | oklch(0.818 0.061 141.33) | #aecea9 | hsl(112, 27%, 74%) |
|
|
| 400 | oklch(0.779 0.072 141.16) | #9ec398 | hsl(112, 26%, 68%) |
|
|
| 500 | oklch(0.741 0.086 141.17) | #8db986 | hsl(112, 27%, 63%) |
|
|
| 600 | oklch(0.666 0.110 141.03) | #6da564 | hsl(112, 27%, 52%) |
|
|
| 700 | oklch(0.570 0.099 141.34) | #55864e | hsl(113, 26%, 42%) |
|
|
| 800 | oklch(0.464 0.078 140.92) | #40643a | hsl(111, 27%, 31%) |
|
|
| 900 | oklch(0.351 0.056 140.94) | #2a4226 | hsl(111, 27%, 20%) |
|
|
| 950 | oklch(0.229 0.029 140.70) | #152013 | hsl(111, 25%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.028 131.81) | #e4efdc | hsl(95, 37%, 90%) |
|
|
| 100 | oklch(0.915 0.041 131.66) | #d9e9cd | hsl(94, 39%, 86%) |
|
|
| 200 | oklch(0.888 0.053 131.22) | #cee2be | hsl(93, 38%, 82%) |
|
|
| 300 | oklch(0.862 0.065 131.01) | #c3dbaf | hsl(93, 38%, 77%) |
|
|
| 400 | oklch(0.837 0.078 131.94) | #b7d5a0 | hsl(94, 39%, 73%) |
|
|
| 500 | oklch(0.811 0.090 131.83) | #acce91 | hsl(93, 38%, 69%) |
|
|
| 600 | oklch(0.742 0.125 132.42) | #8dbc67 | hsl(93, 39%, 57%) |
|
|
| 700 | oklch(0.650 0.132 133.27) | #6ea047 | hsl(94, 39%, 45%) |
|
|
| 800 | oklch(0.523 0.102 132.89) | #527635 | hsl(93, 38%, 34%) |
|
|
| 900 | oklch(0.389 0.073 132.90) | #354d22 | hsl(93, 39%, 22%) |
|
|
| 950 | oklch(0.240 0.038 133.10) | #182310 | hsl(95, 37%, 10%) |
|
dsfds
| 50 | oklch(0.955 0.042 121.75) | #ebf5d6 | hsl(79, 61%, 90%) |
|
|
| 100 | oklch(0.930 0.060 121.91) | #e1efc3 | hsl(79, 58%, 85%) |
|
|
| 200 | oklch(0.908 0.080 122.49) | #d7eaaf | hsl(79, 58%, 80%) |
|
|
| 300 | oklch(0.887 0.099 122.46) | #cee59b | hsl(79, 59%, 75%) |
|
|
| 400 | oklch(0.866 0.118 123.12) | #c4e087 | hsl(79, 59%, 70%) |
|
|
| 500 | oklch(0.845 0.136 123.77) | #badb73 | hsl(79, 59%, 65%) |
|
|
| 600 | oklch(0.798 0.169 125.11) | #a4cf46 | hsl(79, 59%, 54%) |
|
|
| 700 | oklch(0.702 0.161 126.08) | #86b02d | hsl(79, 59%, 43%) |
|
|
| 800 | oklch(0.567 0.127 125.83) | #648322 | hsl(79, 59%, 32%) |
|
|
| 900 | oklch(0.422 0.092 125.90) | #415616 | hsl(80, 59%, 21%) |
|
|
| 950 | oklch(0.263 0.052 124.96) | #1f290a | hsl(79, 61%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.931 0.011 71.89) | #ede7e0 | hsl(32, 27%, 90%) |
|
|
| 200 | oklch(0.933 0.011 76.60) | #ede8e1 | hsl(35, 25%, 91%) |
|
|
| 300 | oklch(0.934 0.010 67.70) | #eee8e2 | hsl(30, 26%, 91%) |
|
|
| 400 | oklch(0.936 0.010 72.66) | #eee9e3 | hsl(33, 24%, 91%) |
|
|
| 500 | oklch(0.939 0.010 72.66) | #efeae4 | hsl(33, 26%, 92%) |
|
|
| 600 | oklch(0.819 0.029 70.88) | #d0c1b0 | hsl(32, 25%, 75%) |
|
|
| 700 | oklch(0.697 0.050 72.14) | #b1997c | hsl(33, 25%, 59%) |
|
|
| 800 | oklch(0.559 0.054 70.36) | #896f51 | hsl(32, 26%, 43%) |
|
|
| 900 | oklch(0.401 0.036 73.07) | #544532 | hsl(34, 25%, 26%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
