Earthy Elegance Color Palette
This palette exudes a soft, earthy elegance with warm blushes and muted greens, evoking a serene, nature-inspired retreat that blends tranquility with rustic charm.
Practical uses and creative applications
The Earthy Elegance Color Palette beautifully blends muted tones that evoke the serene essence of nature. Featuring a harmonious mix of soft beige (#e6b39a), warm tan (#e6cba5), gentle cream (#ede3b4), cool sage (#8b9e9b), and deep teal (#6d7578), this palette is perfect for those looking to create an inviting and sophisticated atmosphere.
Whether you’re designing a modern brand identity, refreshing a website, or curating a cozy interior space, these colors provide a versatile foundation that appeals to both minimalist and rustic aesthetics. Ideal for designers, creatives, and branding professionals, the Earthy Elegance palette is particularly suited for projects that aim to convey a sense of calm and stability.
It’s an excellent choice for wellness brands, eco-friendly products, and lifestyle blogs that want to emphasize a connection to nature. In web design, these colors can create a soothing user experience, while in packaging, they can enhance product appeal, making items feel both luxurious and grounded.
For interior design, this palette can transform spaces into tranquil retreats, perfect for homes, cafes, or boutique hotels aiming for a stylish yet approachable vibe.
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.921 0.027 47.21) | #f5e0d6 | hsl(19, 61%, 90%) |
|
|
| 100 | oklch(0.898 0.035 47.38) | #f2d7ca | hsl(20, 61%, 87%) |
|
|
| 200 | oklch(0.875 0.043 47.45) | #efcebe | hsl(20, 60%, 84%) |
|
|
| 300 | oklch(0.852 0.052 47.46) | #ecc5b2 | hsl(20, 60%, 81%) |
|
|
| 400 | oklch(0.829 0.060 47.43) | #e9bca6 | hsl(20, 60%, 78%) |
|
|
| 500 | oklch(0.807 0.069 47.38) | #e6b39a | hsl(20, 60%, 75%) |
|
|
| 600 | oklch(0.709 0.109 46.45) | #d98b65 | hsl(20, 60%, 62%) |
|
|
| 700 | oklch(0.615 0.143 44.87) | #c96432 | hsl(20, 60%, 49%) |
|
|
| 800 | oklch(0.493 0.112 44.53) | #944925 | hsl(19, 60%, 36%) |
|
|
| 900 | oklch(0.362 0.077 46.11) | #5e2f17 | hsl(20, 61%, 23%) |
|
|
| 950 | oklch(0.219 0.039 45.57) | #29140a | hsl(19, 61%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.026 76.79) | #f4e8d7 | hsl(35, 57%, 90%) |
|
|
| 100 | oklch(0.919 0.032 76.44) | #f1e2cd | hsl(35, 56%, 87%) |
|
|
| 200 | oklch(0.903 0.039 76.17) | #eedcc3 | hsl(35, 56%, 85%) |
|
|
| 300 | oklch(0.889 0.046 76.80) | #ecd7b9 | hsl(35, 57%, 83%) |
|
|
| 400 | oklch(0.872 0.052 76.50) | #e9d1af | hsl(35, 57%, 80%) |
|
|
| 500 | oklch(0.855 0.059 76.22) | #e6cba5 | hsl(35, 57%, 77%) |
|
|
| 600 | oklch(0.770 0.093 75.34) | #d7ac6f | hsl(35, 57%, 64%) |
|
|
| 700 | oklch(0.687 0.122 72.49) | #c88d39 | hsl(35, 57%, 50%) |
|
|
| 800 | oklch(0.549 0.097 71.74) | #946729 | hsl(35, 57%, 37%) |
|
|
| 900 | oklch(0.402 0.067 73.32) | #5e421a | hsl(35, 57%, 24%) |
|
|
| 950 | oklch(0.237 0.034 74.46) | #281c0b | hsl(35, 57%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.035 98.07) | #f5f0d6 | hsl(50, 61%, 90%) |
|
|
| 100 | oklch(0.944 0.040 96.24) | #f4edcf | hsl(49, 63%, 88%) |
|
|
| 200 | oklch(0.937 0.046 97.85) | #f2ebc8 | hsl(50, 62%, 87%) |
|
|
| 300 | oklch(0.928 0.050 97.41) | #f0e8c2 | hsl(50, 61%, 85%) |
|
|
| 400 | oklch(0.921 0.057 97.53) | #efe6bb | hsl(50, 62%, 84%) |
|
|
| 500 | oklch(0.912 0.062 97.42) | #ede3b4 | hsl(49, 61%, 82%) |
|
|
| 600 | oklch(0.845 0.107 97.56) | #dfcd79 | hsl(49, 61%, 67%) |
|
|
| 700 | oklch(0.780 0.139 96.77) | #d1b73e | hsl(49, 62%, 53%) |
|
|
| 800 | oklch(0.635 0.117 96.76) | #9f8a26 | hsl(50, 61%, 39%) |
|
|
| 900 | oklch(0.457 0.082 97.22) | #645718 | hsl(50, 61%, 24%) |
|
|
| 950 | oklch(0.259 0.042 98.50) | #29240a | hsl(50, 61%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.006 183.02) | #e3e8e7 | hsl(168, 10%, 90%) |
|
|
| 100 | oklch(0.880 0.008 186.87) | #d2d9d8 | hsl(171, 8%, 84%) |
|
|
| 200 | oklch(0.831 0.011 189.77) | #c0cac9 | hsl(174, 9%, 77%) |
|
|
| 300 | oklch(0.783 0.016 181.65) | #aebcb9 | hsl(167, 9%, 71%) |
|
|
| 400 | oklch(0.734 0.018 183.34) | #9dadaa | hsl(169, 9%, 65%) |
|
|
| 500 | oklch(0.683 0.022 185.21) | #8b9e9b | hsl(171, 9%, 58%) |
|
|
| 600 | oklch(0.605 0.026 183.22) | #718783 | hsl(169, 9%, 49%) |
|
|
| 700 | oklch(0.515 0.022 184.29) | #5a6c69 | hsl(170, 9%, 39%) |
|
|
| 800 | oklch(0.423 0.017 185.29) | #44514f | hsl(171, 9%, 29%) |
|
|
| 900 | oklch(0.328 0.013 180.58) | #2e3735 | hsl(167, 9%, 20%) |
|
|
| 950 | oklch(0.221 0.008 182.20) | #171c1b | hsl(168, 10%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.003 228.79) | #e4e6e7 | hsl(200, 6%, 90%) |
|
|
| 100 | oklch(0.855 0.005 214.33) | #ccd0d1 | hsl(192, 5%, 81%) |
|
|
| 200 | oklch(0.782 0.006 223.48) | #b4b9bb | hsl(197, 5%, 72%) |
|
|
| 300 | oklch(0.710 0.009 216.65) | #9ca3a5 | hsl(193, 5%, 63%) |
|
|
| 400 | oklch(0.634 0.010 222.13) | #848c8f | hsl(196, 5%, 54%) |
|
|
| 500 | oklch(0.557 0.011 222.16) | #6d7578 | hsl(196, 5%, 45%) |
|
|
| 600 | oklch(0.494 0.009 216.69) | #5c6365 | hsl(193, 5%, 38%) |
|
|
| 700 | oklch(0.430 0.008 219.67) | #4b5153 | hsl(195, 5%, 31%) |
|
|
| 800 | oklch(0.361 0.006 228.99) | #3a3e40 | hsl(200, 5%, 24%) |
|
|
| 900 | oklch(0.291 0.005 219.63) | #292c2d | hsl(195, 5%, 17%) |
|
|
| 950 | oklch(0.216 0.004 228.98) | #181a1b | hsl(200, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
