Warm Earthy Elegance Color Palette
This palette exudes a warm, earthy elegance, blending the rich terracotta of #e3604d with soft beige #d1c8a3 and muted sage #acba9d, accented by deep mauve #7b5d5e and a touch of golden olive #c6ad71, creating a cozy yet sophisticated atmosphere.
Practical uses and creative applications
The Warm Earthy Elegance Color Palette combines rich, grounded tones that evoke a sense of warmth and sophistication. Featuring hues like the vibrant coral (#e3604d) and soft beige (#d1c8a3), this palette is ideal for brands looking to express a natural yet elegant identity.
Whether designing for a boutique coffee shop, an artisanal skincare line, or a cozy interior space, these colors create a welcoming atmosphere that resonates with audiences seeking authenticity and warmth. This palette is particularly suited for creatives and designers in branding, web design, packaging, and interior decor.
The earthy tones of #acba9d, #7b5d5e, and #c6ad71 lend themselves beautifully to organic product packaging, while the vibrant coral can be used as an accent in web design to draw attention to key features. By harmonizing these colors, designers can craft spaces and visuals that not only reflect natural beauty but also evoke a sense of comfort and elegance, making it perfect for lifestyle brands and eco-conscious businesses.
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.907 0.036 28.35) | #f8d8d3 | hsl(8, 73%, 90%) |
|
|
100 | oklch(0.852 0.061 28.47) | #f4c0b8 | hsl(8, 73%, 84%) |
|
|
200 | oklch(0.798 0.087 28.82) | #f0a89d | hsl(8, 73%, 78%) |
|
|
300 | oklch(0.745 0.113 28.78) | #eb9083 | hsl(8, 72%, 72%) |
|
|
400 | oklch(0.696 0.141 29.60) | #e77868 | hsl(8, 73%, 66%) |
|
|
500 | oklch(0.651 0.167 30.49) | #e3604d | hsl(8, 73%, 60%) |
|
|
600 | oklch(0.590 0.201 31.52) | #db3a22 | hsl(8, 73%, 50%) |
|
|
700 | oklch(0.501 0.168 31.20) | #af2e1c | hsl(7, 72%, 40%) |
|
|
800 | oklch(0.411 0.134 31.30) | #842315 | hsl(8, 73%, 30%) |
|
|
900 | oklch(0.312 0.097 30.95) | #58170e | hsl(7, 73%, 20%) |
|
|
950 | oklch(0.207 0.055 31.56) | #2c0c07 | hsl(8, 73%, 10%) |
|
dsfds
50 | oklch(0.939 0.019 96.87) | #eeebdd | hsl(49, 33%, 90%) |
|
|
100 | oklch(0.917 0.026 97.13) | #e8e4d1 | hsl(50, 33%, 86%) |
|
|
200 | oklch(0.895 0.031 96.90) | #e2ddc6 | hsl(49, 33%, 83%) |
|
|
300 | oklch(0.874 0.038 95.49) | #ddd6ba | hsl(48, 34%, 80%) |
|
|
400 | oklch(0.853 0.044 95.55) | #d7cfaf | hsl(48, 33%, 76%) |
|
|
500 | oklch(0.831 0.051 95.94) | #d1c8a3 | hsl(48, 33%, 73%) |
|
|
600 | oklch(0.750 0.074 95.33) | #bcae78 | hsl(48, 34%, 60%) |
|
|
700 | oklch(0.662 0.088 96.86) | #a29351 | hsl(49, 33%, 48%) |
|
|
800 | oklch(0.531 0.069 95.72) | #786c3c | hsl(48, 33%, 35%) |
|
|
900 | oklch(0.390 0.048 95.34) | #4d4526 | hsl(48, 34%, 23%) |
|
|
950 | oklch(0.238 0.025 97.55) | #221f11 | hsl(49, 33%, 10%) |
|
dsfds
50 | oklch(0.931 0.013 126.38) | #e6eae1 | hsl(87, 18%, 90%) |
|
|
100 | oklch(0.898 0.019 127.16) | #dae0d3 | hsl(88, 17%, 85%) |
|
|
200 | oklch(0.868 0.025 127.62) | #cfd7c6 | hsl(88, 18%, 81%) |
|
|
300 | oklch(0.835 0.031 127.95) | #c3cdb8 | hsl(89, 17%, 76%) |
|
|
400 | oklch(0.804 0.037 128.21) | #b8c4ab | hsl(89, 17%, 72%) |
|
|
500 | oklch(0.770 0.043 128.44) | #acba9d | hsl(89, 17%, 67%) |
|
|
600 | oklch(0.687 0.059 129.00) | #8fa27b | hsl(89, 17%, 56%) |
|
|
700 | oklch(0.591 0.062 128.81) | #72855d | hsl(89, 18%, 44%) |
|
|
800 | oklch(0.476 0.048 129.03) | #546245 | hsl(89, 17%, 33%) |
|
|
900 | oklch(0.357 0.034 128.60) | #37402d | hsl(88, 17%, 21%) |
|
|
950 | oklch(0.228 0.018 127.26) | #1a1e15 | hsl(87, 18%, 10%) |
|
dsfds
50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
100 | oklch(0.838 0.016 12.49) | #d4c6c7 | hsl(356, 14%, 80%) |
|
|
200 | oklch(0.758 0.023 17.68) | #bfabab | hsl(0, 14%, 71%) |
|
|
300 | oklch(0.675 0.033 15.47) | #aa8f90 | hsl(358, 14%, 61%) |
|
|
400 | oklch(0.589 0.043 16.48) | #957374 | hsl(358, 14%, 52%) |
|
|
500 | oklch(0.509 0.039 16.31) | #7b5d5e | hsl(358, 14%, 42%) |
|
|
600 | oklch(0.454 0.034 15.80) | #684f50 | hsl(358, 14%, 36%) |
|
|
700 | oklch(0.397 0.028 18.40) | #554141 | hsl(0, 13%, 29%) |
|
|
800 | oklch(0.337 0.025 14.52) | #433233 | hsl(356, 15%, 23%) |
|
|
900 | oklch(0.275 0.018 12.73) | #302425 | hsl(355, 14%, 16%) |
|
|
950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
50 | oklch(0.938 0.021 88.72) | #f0eadb | hsl(43, 41%, 90%) |
|
|
100 | oklch(0.902 0.035 88.78) | #e8dec5 | hsl(43, 43%, 84%) |
|
|
200 | oklch(0.866 0.047 89.58) | #dfd2b0 | hsl(43, 42%, 78%) |
|
|
300 | oklch(0.828 0.059 87.53) | #d7c59b | hsl(42, 43%, 73%) |
|
|
400 | oklch(0.791 0.071 88.18) | #ceb986 | hsl(43, 42%, 67%) |
|
|
500 | oklch(0.756 0.083 87.76) | #c6ad71 | hsl(42, 43%, 61%) |
|
|
600 | oklch(0.692 0.102 87.36) | #b7984c | hsl(43, 43%, 51%) |
|
|
700 | oklch(0.591 0.088 87.08) | #947a3b | hsl(42, 43%, 41%) |
|
|
800 | oklch(0.481 0.070 86.57) | #6f5b2c | hsl(42, 43%, 30%) |
|
|
900 | oklch(0.365 0.050 88.72) | #493d1e | hsl(43, 42%, 20%) |
|
|
950 | oklch(0.238 0.028 88.46) | #241e0f | hsl(43, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.