Earthy Elegance Color Palette
This palette exudes a moody, earthy elegance with deep browns and blacks, softened by gentle, muted greens and creamy beiges, creating a serene, sophisticated atmosphere.
Practical uses and creative applications
The Earthy Elegance Color Palette features a harmonious blend of deep, grounding tones and soft neutrals, making it an ideal choice for creatives and designers looking to evoke a sense of warmth and sophistication. With shades like #5a5239 and #190a12 providing a rich, earthy foundation, this palette is perfect for branding that seeks to convey authenticity and connection to nature.
The lighter hues, #b3c9c1, #cec7b6, and #eee9c7, add a touch of elegance and serenity, making it suitable for web design, packaging, and interior spaces that require a calming yet stylish atmosphere. This color palette is especially fitting for brands in the organic, wellness, or artisanal sectors, appealing to audiences who value sustainability and natural aesthetics.
Designers can leverage the Earthy Elegance Palette to create visually stunning websites, eye-catching product packaging, or inviting interiors that promote a sense of tranquility and balance. Whether crafting a rustic coffee shop or a modern eco-friendly product line, this palette will help elevate your project while appealing to discerning customers who appreciate understated elegance.
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.931 0.011 89.73) | #ebe8e0 | hsl(44, 22%, 90%) |
|
|
| 100 | oklch(0.848 0.027 92.43) | #d3cdba | hsl(46, 22%, 78%) |
|
|
| 200 | oklch(0.761 0.043 91.77) | #bbb193 | hsl(45, 23%, 65%) |
|
|
| 300 | oklch(0.674 0.059 92.57) | #a3966d | hsl(46, 23%, 53%) |
|
|
| 400 | oklch(0.563 0.053 93.11) | #807551 | hsl(46, 22%, 41%) |
|
|
| 500 | oklch(0.439 0.040 92.43) | #5a5239 | hsl(45, 22%, 29%) |
|
|
| 600 | oklch(0.399 0.034 91.81) | #4e4732 | hsl(45, 22%, 25%) |
|
|
| 700 | oklch(0.359 0.031 95.13) | #423d2a | hsl(48, 22%, 21%) |
|
|
| 800 | oklch(0.318 0.026 91.81) | #373223 | hsl(45, 22%, 18%) |
|
|
| 900 | oklch(0.273 0.022 91.82) | #2b271b | hsl(45, 23%, 14%) |
|
|
| 950 | oklch(0.227 0.015 89.92) | #1f1c14 | hsl(44, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.027 344.66) | #f0dbe6 | hsl(329, 41%, 90%) |
|
|
| 100 | oklch(0.763 0.080 345.84) | #d89ebd | hsl(328, 43%, 73%) |
|
|
| 200 | oklch(0.620 0.135 348.35) | #c06194 | hsl(328, 43%, 57%) |
|
|
| 300 | oklch(0.484 0.130 349.88) | #923a69 | hsl(328, 43%, 40%) |
|
|
| 400 | oklch(0.337 0.085 349.14) | #56223e | hsl(328, 43%, 24%) |
|
|
| 500 | oklch(0.171 0.030 347.49) | #190a12 | hsl(328, 43%, 7%) |
|
|
| 600 | oklch(0.178 0.032 346.00) | #1b0b14 | hsl(326, 42%, 7%) |
|
|
| 700 | oklch(0.185 0.034 349.64) | #1e0c15 | hsl(330, 43%, 8%) |
|
|
| 800 | oklch(0.192 0.036 348.25) | #200d17 | hsl(328, 42%, 9%) |
|
|
| 900 | oklch(0.198 0.038 347.01) | #220e19 | hsl(327, 42%, 9%) |
|
|
| 950 | oklch(0.204 0.039 348.48) | #240f1a | hsl(329, 41%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.010 174.26) | #e1eae7 | hsl(160, 18%, 90%) |
|
|
| 100 | oklch(0.906 0.013 172.34) | #d8e3df | hsl(158, 16%, 87%) |
|
|
| 200 | oklch(0.886 0.016 172.59) | #cfddd8 | hsl(159, 17%, 84%) |
|
|
| 300 | oklch(0.862 0.020 172.70) | #c5d6d0 | hsl(159, 17%, 81%) |
|
|
| 400 | oklch(0.841 0.024 172.73) | #bcd0c9 | hsl(159, 18%, 78%) |
|
|
| 500 | oklch(0.817 0.026 171.79) | #b3c9c1 | hsl(158, 17%, 75%) |
|
|
| 600 | oklch(0.723 0.040 171.04) | #8daea2 | hsl(158, 17%, 62%) |
|
|
| 700 | oklch(0.621 0.052 170.44) | #679182 | hsl(159, 17%, 49%) |
|
|
| 800 | oklch(0.500 0.040 170.67) | #4c6b60 | hsl(159, 17%, 36%) |
|
|
| 900 | oklch(0.368 0.027 170.13) | #31443d | hsl(158, 16%, 23%) |
|
|
| 950 | oklch(0.225 0.014 172.58) | #151e1b | hsl(160, 18%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.011 89.73) | #ebe8e0 | hsl(44, 22%, 90%) |
|
|
| 100 | oklch(0.910 0.013 86.83) | #e5e1d8 | hsl(42, 20%, 87%) |
|
|
| 200 | oklch(0.891 0.017 91.56) | #dfdbcf | hsl(45, 20%, 84%) |
|
|
| 300 | oklch(0.870 0.018 89.37) | #d9d4c7 | hsl(43, 19%, 82%) |
|
|
| 400 | oklch(0.852 0.023 89.81) | #d4cebe | hsl(44, 20%, 79%) |
|
|
| 500 | oklch(0.831 0.024 88.25) | #cec7b6 | hsl(43, 20%, 76%) |
|
|
| 600 | oklch(0.734 0.038 87.81) | #b3a88e | hsl(42, 20%, 63%) |
|
|
| 700 | oklch(0.634 0.052 87.48) | #988966 | hsl(42, 20%, 50%) |
|
|
| 800 | oklch(0.509 0.041 89.47) | #6f654b | hsl(43, 19%, 36%) |
|
|
| 900 | oklch(0.374 0.028 87.13) | #474030 | hsl(42, 19%, 23%) |
|
|
| 950 | oklch(0.227 0.015 89.92) | #1f1c14 | hsl(44, 22%, 10%) |
|
dsfds
| 50 | oklch(0.951 0.032 101.15) | #f3f0d8 | hsl(53, 53%, 90%) |
|
|
| 100 | oklch(0.946 0.033 99.55) | #f2eed5 | hsl(52, 53%, 89%) |
|
|
| 200 | oklch(0.942 0.037 100.40) | #f1edd1 | hsl(53, 53%, 88%) |
|
|
| 300 | oklch(0.938 0.040 100.88) | #f0ecce | hsl(53, 53%, 87%) |
|
|
| 400 | oklch(0.933 0.042 99.85) | #efeaca | hsl(52, 54%, 86%) |
|
|
| 500 | oklch(0.929 0.045 100.32) | #eee9c7 | hsl(52, 53%, 86%) |
|
|
| 600 | oklch(0.856 0.090 101.10) | #dcd28c | hsl(53, 53%, 71%) |
|
|
| 700 | oklch(0.782 0.127 100.70) | #caba51 | hsl(52, 53%, 55%) |
|
|
| 800 | oklch(0.645 0.115 100.18) | #9e8f30 | hsl(52, 53%, 40%) |
|
|
| 900 | oklch(0.463 0.080 101.69) | #625a1e | hsl(53, 53%, 25%) |
|
|
| 950 | oklch(0.257 0.039 102.24) | #27240c | hsl(53, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
