Earthy Elegance Color Palette
This palette evokes a serene, earthy elegance with deep browns, soothing teals, and soft pastels, creating a tranquil, nature-inspired oasis that feels both modern and inviting.
Practical uses and creative applications
The Earthy Elegance Color Palette is a stunning blend of rich, organic hues that evoke a sense of tranquility and sophistication. With deep browns (#332e1d) grounding the palette, complemented by soft greens (#5ac7aa and #9adcb9) and warm neutrals (#fafcd3 and #efeba9), this collection is perfect for branding that seeks to convey authenticity and natural beauty.
Whether for a wellness brand, eco-friendly product line, or artisanal goods, these colors create a harmonious visual identity that resonates with environmentally conscious consumers. Ideal for designers and creatives, the Earthy Elegance palette is versatile enough for a variety of applications, including web design, packaging, and interior decor.
Its soothing tones can enhance the user experience on websites, making them inviting and easy on the eyes. In packaging, these colors can elevate products, suggesting quality and sustainability.
For interior spaces, they bring warmth and serenity, creating environments that promote relaxation and rejuvenation. Ultimately, this palette suits anyone looking to infuse their work with a touch of nature-inspired sophistication.
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.934 0.015 90.24) | #ede9de | hsl(44, 29%, 90%) |
|
|
| 100 | oklch(0.835 0.038 93.39) | #d1c9ae | hsl(46, 28%, 75%) |
|
|
| 200 | oklch(0.735 0.060 93.26) | #b6a97e | hsl(46, 28%, 60%) |
|
|
| 300 | oklch(0.618 0.070 93.02) | #948554 | hsl(46, 28%, 45%) |
|
|
| 400 | oklch(0.467 0.052 95.06) | #635a38 | hsl(47, 28%, 30%) |
|
|
| 500 | oklch(0.301 0.029 93.65) | #332e1d | hsl(46, 28%, 16%) |
|
|
| 600 | oklch(0.288 0.028 95.78) | #2f2b1b | hsl(48, 27%, 15%) |
|
|
| 700 | oklch(0.274 0.025 90.68) | #2c2719 | hsl(44, 28%, 14%) |
|
|
| 800 | oklch(0.261 0.023 93.01) | #282417 | hsl(46, 27%, 12%) |
|
|
| 900 | oklch(0.247 0.022 95.76) | #242115 | hsl(48, 26%, 11%) |
|
|
| 950 | oklch(0.232 0.021 90.39) | #211d12 | hsl(44, 29%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.028 177.05) | #d9f2eb | hsl(163, 49%, 90%) |
|
|
| 100 | oklch(0.902 0.045 177.15) | #c0e9de | hsl(164, 48%, 83%) |
|
|
| 200 | oklch(0.865 0.064 176.13) | #a6e1d1 | hsl(164, 50%, 77%) |
|
|
| 300 | oklch(0.827 0.080 175.56) | #8dd8c4 | hsl(164, 49%, 70%) |
|
|
| 400 | oklch(0.793 0.097 174.29) | #73d0b7 | hsl(164, 50%, 63%) |
|
|
| 500 | oklch(0.758 0.110 173.24) | #5ac7aa | hsl(164, 49%, 57%) |
|
|
| 600 | oklch(0.696 0.115 172.13) | #3db495 | hsl(164, 49%, 47%) |
|
|
| 700 | oklch(0.594 0.098 171.51) | #319177 | hsl(164, 49%, 38%) |
|
|
| 800 | oklch(0.484 0.078 172.31) | #256d5a | hsl(164, 49%, 29%) |
|
|
| 900 | oklch(0.372 0.057 172.64) | #194a3d | hsl(164, 49%, 19%) |
|
|
| 950 | oklch(0.246 0.034 172.69) | #0d261f | hsl(163, 49%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.031 163.23) | #d9f2e5 | hsl(149, 49%, 90%) |
|
|
| 100 | oklch(0.920 0.042 161.65) | #cdeedc | hsl(147, 49%, 87%) |
|
|
| 200 | oklch(0.899 0.052 161.73) | #c0e9d3 | hsl(148, 48%, 83%) |
|
|
| 300 | oklch(0.880 0.063 162.13) | #b3e5cb | hsl(149, 49%, 80%) |
|
|
| 400 | oklch(0.859 0.072 161.45) | #a7e0c2 | hsl(148, 48%, 77%) |
|
|
| 500 | oklch(0.841 0.083 160.77) | #9adcb9 | hsl(148, 49%, 73%) |
|
|
| 600 | oklch(0.769 0.119 158.87) | #6acb98 | hsl(148, 48%, 61%) |
|
|
| 700 | oklch(0.694 0.141 156.25) | #3fb677 | hsl(148, 49%, 48%) |
|
|
| 800 | oklch(0.555 0.111 156.25) | #2e8657 | hsl(148, 49%, 35%) |
|
|
| 900 | oklch(0.407 0.078 156.73) | #1e5638 | hsl(148, 48%, 23%) |
|
|
| 950 | oklch(0.244 0.040 158.66) | #0d2619 | hsl(149, 49%, 10%) |
|
dsfds
| 50 | oklch(0.978 0.058 109.52) | #fafccf | hsl(63, 88%, 90%) |
|
|
| 100 | oklch(0.979 0.057 109.55) | #fafcd0 | hsl(63, 88%, 90%) |
|
|
| 200 | oklch(0.979 0.056 109.57) | #fafcd1 | hsl(63, 88%, 90%) |
|
|
| 300 | oklch(0.979 0.054 109.60) | #fafcd2 | hsl(63, 88%, 91%) |
|
|
| 400 | oklch(0.979 0.054 109.60) | #fafcd2 | hsl(63, 88%, 91%) |
|
|
| 500 | oklch(0.979 0.053 109.63) | #fafcd3 | hsl(63, 87%, 91%) |
|
|
| 600 | oklch(0.948 0.137 111.42) | #f1f786 | hsl(63, 88%, 75%) |
|
|
| 700 | oklch(0.922 0.190 112.50) | #e8f139 | hsl(63, 87%, 58%) |
|
|
| 800 | oklch(0.805 0.177 112.99) | #c1ca0e | hsl(63, 87%, 42%) |
|
|
| 900 | oklch(0.566 0.124 113.10) | #777d09 | hsl(63, 87%, 26%) |
|
|
| 950 | oklch(0.297 0.063 112.25) | #2e3003 | hsl(63, 88%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.043 104.33) | #f7f5d4 | hsl(57, 69%, 90%) |
|
|
| 100 | oklch(0.956 0.052 104.98) | #f5f3cb | hsl(57, 68%, 88%) |
|
|
| 200 | oklch(0.949 0.060 104.39) | #f4f1c3 | hsl(56, 69%, 86%) |
|
|
| 300 | oklch(0.942 0.068 104.94) | #f2efba | hsl(57, 68%, 84%) |
|
|
| 400 | oklch(0.935 0.076 104.52) | #f1edb2 | hsl(56, 69%, 82%) |
|
|
| 500 | oklch(0.928 0.084 105.00) | #efeba9 | hsl(57, 69%, 80%) |
|
|
| 600 | oklch(0.881 0.134 105.59) | #e4dd6d | hsl(56, 69%, 66%) |
|
|
| 700 | oklch(0.837 0.165 105.65) | #d9cf31 | hsl(56, 69%, 52%) |
|
|
| 800 | oklch(0.678 0.136 106.10) | #a39c1e | hsl(57, 69%, 38%) |
|
|
| 900 | oklch(0.486 0.095 105.66) | #676213 | hsl(56, 69%, 24%) |
|
|
| 950 | oklch(0.275 0.050 105.87) | #2b2908 | hsl(57, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
