Earthy Elegance Color Palette
This palette exudes a fresh, earthy elegance, blending soft sage green and crisp white with warm taupe, deep brown, and a bold splash of fiery red, perfect for a cozy yet vibrant aesthetic.
Practical uses and creative applications
The Earthy Elegance Color Palette combines soothing tones of soft green (#c3d297), warm beige (#c3b199), crisp white (#ffffff), deep brown (#3a2d19), and a striking pop of red (#e8373e) to create a harmonious blend that speaks to nature's beauty. This versatile palette is ideal for branding projects that aim to convey a sense of grounded sophistication, perfect for eco-friendly businesses, organic products, or wellness brands.
The earthy hues evoke tranquility, making them a fantastic choice for web design that seeks to enhance user experience while reflecting a commitment to sustainability. Designers and creatives can leverage the Earthy Elegance Color Palette in various applications, from packaging that stands out on shelves to interior spaces that promote relaxation and comfort.
Whether you're curating a rustic-chic café or developing a modern spa's branding, these colors will help create an inviting atmosphere. The combination of rich, earthy tones paired with a vibrant accent can elevate any project, making it suitable for audiences looking to capture attention while maintaining a 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.945 0.028 119.93) | #eaf0db | hsl(77, 41%, 90%) |
|
|
| 100 | oklch(0.924 0.038 118.55) | #e3eace | hsl(75, 40%, 86%) |
|
|
| 200 | oklch(0.903 0.049 118.79) | #dbe4c0 | hsl(75, 40%, 82%) |
|
|
| 300 | oklch(0.881 0.060 119.04) | #d3deb2 | hsl(75, 40%, 78%) |
|
|
| 400 | oklch(0.859 0.069 119.49) | #cbd8a5 | hsl(75, 40%, 75%) |
|
|
| 500 | oklch(0.838 0.080 119.74) | #c3d297 | hsl(75, 40%, 71%) |
|
|
| 600 | oklch(0.770 0.111 120.69) | #aabf6c | hsl(75, 39%, 59%) |
|
|
| 700 | oklch(0.684 0.123 121.31) | #8ea548 | hsl(75, 39%, 46%) |
|
|
| 800 | oklch(0.550 0.096 121.17) | #697a35 | hsl(75, 39%, 34%) |
|
|
| 900 | oklch(0.406 0.069 121.89) | #434f22 | hsl(76, 40%, 22%) |
|
|
| 950 | oklch(0.248 0.037 122.23) | #1e240f | hsl(77, 41%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.898 0.017 76.10) | #e4dcd1 | hsl(35, 26%, 86%) |
|
|
| 200 | oklch(0.866 0.023 74.07) | #dcd1c3 | hsl(34, 26%, 81%) |
|
|
| 300 | oklch(0.833 0.027 74.72) | #d3c6b5 | hsl(34, 25%, 77%) |
|
|
| 400 | oklch(0.802 0.033 76.39) | #cbbca7 | hsl(35, 26%, 73%) |
|
|
| 500 | oklch(0.769 0.039 75.04) | #c3b199 | hsl(34, 26%, 68%) |
|
|
| 600 | oklch(0.681 0.054 73.57) | #ad9474 | hsl(34, 26%, 57%) |
|
|
| 700 | oklch(0.584 0.057 74.81) | #907755 | hsl(35, 26%, 45%) |
|
|
| 800 | oklch(0.473 0.045 73.99) | #6b583f | hsl(34, 26%, 33%) |
|
|
| 900 | oklch(0.354 0.032 72.29) | #463929 | hsl(33, 26%, 22%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.019 80.12) | #f0e8db | hsl(37, 41%, 90%) |
|
|
| 100 | oklch(0.832 0.046 77.99) | #d9c5a7 | hsl(36, 40%, 75%) |
|
|
| 200 | oklch(0.732 0.075 78.61) | #c2a372 | hsl(37, 40%, 60%) |
|
|
| 300 | oklch(0.619 0.087 77.51) | #a37f46 | hsl(37, 40%, 46%) |
|
|
| 400 | oklch(0.470 0.063 76.69) | #6f5630 | hsl(36, 40%, 31%) |
|
|
| 500 | oklch(0.306 0.038 77.42) | #3a2d19 | hsl(36, 40%, 16%) |
|
|
| 600 | oklch(0.293 0.036 78.17) | #362a17 | hsl(37, 40%, 15%) |
|
|
| 700 | oklch(0.277 0.033 77.64) | #312615 | hsl(36, 40%, 14%) |
|
|
| 800 | oklch(0.263 0.031 78.55) | #2d2313 | hsl(37, 41%, 13%) |
|
|
| 900 | oklch(0.246 0.028 77.95) | #281f11 | hsl(37, 40%, 11%) |
|
|
| 950 | oklch(0.232 0.026 79.08) | #241c0f | hsl(37, 41%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.046 14.73) | #fad1d3 | hsl(357, 80%, 90%) |
|
|
| 100 | oklch(0.828 0.080 16.00) | #f6b2b5 | hsl(357, 79%, 83%) |
|
|
| 200 | oklch(0.765 0.115 18.06) | #f39497 | hsl(358, 80%, 77%) |
|
|
| 300 | oklch(0.706 0.151 19.17) | #ef757a | hsl(358, 79%, 70%) |
|
|
| 400 | oklch(0.655 0.185 21.54) | #ec565c | hsl(358, 80%, 63%) |
|
|
| 500 | oklch(0.613 0.212 24.35) | #e8373e | hsl(358, 79%, 56%) |
|
|
| 600 | oklch(0.561 0.218 26.98) | #d71920 | hsl(358, 79%, 47%) |
|
|
| 700 | oklch(0.478 0.184 26.65) | #ad141a | hsl(358, 79%, 38%) |
|
|
| 800 | oklch(0.390 0.147 26.05) | #820f14 | hsl(357, 79%, 28%) |
|
|
| 900 | oklch(0.299 0.109 25.48) | #580a0d | hsl(358, 80%, 19%) |
|
|
| 950 | oklch(0.200 0.067 22.58) | #2e0507 | hsl(357, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
