Warm Earthy Elegance Color Palette
This palette exudes a warm, cozy elegance with rich earthy browns, a sunny golden hue, and soft, muted neutrals, perfect for creating a sophisticated yet inviting atmosphere.
Practical uses and creative applications
The Warm Earthy Elegance Color Palette embodies a harmonious blend of natural tones, making it perfect for anyone seeking a grounded yet sophisticated aesthetic. The rich depths of #423E37 and #6E675F evoke a sense of stability, while the sunny golden hue of #E3B23C adds an inviting warmth.
This palette is ideal for branding projects that aim to convey a connection to nature, such as eco-friendly products, organic food brands, or sustainable lifestyle companies. Designers can effortlessly use these colors to create an inviting logo or packaging that resonates with environmentally conscious consumers.
In web design, the Warm Earthy Elegance Color Palette can enhance user experience by fostering a sense of calm and reliability. The neutral tone of #EDEBD7 serves as an excellent background, allowing the more vibrant colors to pop, making it suitable for blogs, online shops, or portfolio websites.
This palette is particularly appealing to creatives, interior designers, and marketers looking to craft spaces or visuals that feel both chic and grounded. Whether you’re designing a cozy café or a stylish home office, these earthy tones will create an inviting atmosphere that encourages creativity and comfort.
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.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
100 | oklch(0.825 0.011 81.79) | #c9c5be | hsl(38, 9%, 77%) |
|
|
200 | oklch(0.721 0.017 82.79) | #aaa499 | hsl(39, 9%, 63%) |
|
|
300 | oklch(0.614 0.023 79.01) | #8c8375 | hsl(37, 9%, 50%) |
|
|
400 | oklch(0.495 0.019 82.76) | #676156 | hsl(39, 9%, 37%) |
|
|
500 | oklch(0.366 0.013 81.74) | #423e37 | hsl(38, 9%, 24%) |
|
|
600 | oklch(0.338 0.011 84.59) | #3a3731 | hsl(40, 8%, 21%) |
|
|
700 | oklch(0.310 0.011 84.59) | #33302a | hsl(40, 10%, 18%) |
|
|
800 | oklch(0.279 0.008 75.24) | #2b2824 | hsl(34, 9%, 15%) |
|
|
900 | oklch(0.249 0.006 78.21) | #23211e | hsl(36, 8%, 13%) |
|
|
950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
dsfds
50 | oklch(0.949 0.038 86.89) | #f9edd2 | hsl(42, 76%, 90%) |
|
|
100 | oklch(0.916 0.063 89.19) | #f4e2b4 | hsl(43, 74%, 83%) |
|
|
200 | oklch(0.883 0.087 88.38) | #f0d696 | hsl(43, 75%, 76%) |
|
|
300 | oklch(0.851 0.108 87.57) | #ecca78 | hsl(42, 75%, 70%) |
|
|
400 | oklch(0.818 0.127 86.97) | #e7be5a | hsl(43, 75%, 63%) |
|
|
500 | oklch(0.788 0.141 85.22) | #e3b23c | hsl(42, 75%, 56%) |
|
|
600 | oklch(0.727 0.143 82.86) | #d29d1e | hsl(42, 75%, 47%) |
|
|
700 | oklch(0.618 0.120 83.47) | #a87e18 | hsl(43, 75%, 38%) |
|
|
800 | oklch(0.505 0.097 83.67) | #7f5f12 | hsl(42, 75%, 28%) |
|
|
900 | oklch(0.386 0.072 83.95) | #56400c | hsl(42, 76%, 19%) |
|
|
950 | oklch(0.256 0.045 84.55) | #2d2106 | hsl(42, 76%, 10%) |
|
dsfds
50 | oklch(0.943 0.023 101.36) | #efeddc | hsl(54, 37%, 90%) |
|
|
100 | oklch(0.943 0.024 101.68) | #efeddb | hsl(54, 38%, 90%) |
|
|
200 | oklch(0.940 0.024 101.68) | #eeecda | hsl(54, 37%, 89%) |
|
|
300 | oklch(0.940 0.025 101.97) | #eeecd9 | hsl(54, 38%, 89%) |
|
|
400 | oklch(0.937 0.025 101.97) | #edebd8 | hsl(54, 37%, 89%) |
|
|
500 | oklch(0.936 0.027 102.24) | #edebd7 | hsl(55, 38%, 89%) |
|
|
600 | oklch(0.847 0.062 102.56) | #d4cfa0 | hsl(54, 38%, 73%) |
|
|
700 | oklch(0.759 0.098 103.85) | #bbb468 | hsl(55, 38%, 57%) |
|
|
800 | oklch(0.627 0.095 103.80) | #928b42 | hsl(55, 38%, 42%) |
|
|
900 | oklch(0.446 0.065 104.14) | #5a5629 | hsl(55, 37%, 26%) |
|
|
950 | oklch(0.245 0.029 102.48) | #232110 | hsl(54, 37%, 10%) |
|
dsfds
50 | oklch(0.921 0.003 17.22) | #e7e4e4 | hsl(0, 6%, 90%) |
|
|
100 | oklch(0.875 0.007 17.28) | #dad4d4 | hsl(0, 7%, 84%) |
|
|
200 | oklch(0.827 0.009 17.34) | #ccc4c4 | hsl(0, 7%, 78%) |
|
|
300 | oklch(0.780 0.010 25.10) | #beb5b4 | hsl(6, 7%, 73%) |
|
|
400 | oklch(0.732 0.014 23.26) | #b1a5a4 | hsl(5, 8%, 67%) |
|
|
500 | oklch(0.682 0.017 22.50) | #a39594 | hsl(4, 8%, 61%) |
|
|
600 | oklch(0.592 0.022 21.60) | #8b7978 | hsl(3, 8%, 51%) |
|
|
700 | oklch(0.506 0.018 22.65) | #6f6160 | hsl(4, 7%, 41%) |
|
|
800 | oklch(0.413 0.015 17.77) | #534848 | hsl(0, 7%, 30%) |
|
|
900 | oklch(0.317 0.010 17.70) | #373030 | hsl(0, 7%, 20%) |
|
|
950 | oklch(0.213 0.005 17.53) | #1b1818 | hsl(0, 6%, 10%) |
|
dsfds
50 | oklch(0.925 0.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
100 | oklch(0.847 0.007 67.73) | #d0ccc8 | hsl(30, 8%, 80%) |
|
|
200 | oklch(0.769 0.010 72.63) | #b8b3ad | hsl(33, 7%, 70%) |
|
|
300 | oklch(0.690 0.014 71.26) | #a19a92 | hsl(32, 7%, 60%) |
|
|
400 | oklch(0.607 0.018 73.57) | #898177 | hsl(33, 7%, 50%) |
|
|
500 | oklch(0.518 0.015 71.17) | #6e675f | hsl(32, 7%, 40%) |
|
|
600 | oklch(0.463 0.013 76.50) | #5d5851 | hsl(35, 7%, 34%) |
|
|
700 | oklch(0.405 0.012 72.49) | #4d4842 | hsl(33, 8%, 28%) |
|
|
800 | oklch(0.346 0.009 80.67) | #3c3934 | hsl(38, 7%, 22%) |
|
|
900 | oklch(0.283 0.007 67.54) | #2c2926 | hsl(30, 7%, 16%) |
|
|
950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.