Warm Earthy Color Palette
This palette radiates a warm, earthy charm, blending the soft blush of coral (#fa6a64) with rustic browns (#7a4e48, #4a4031), creamy beige (#f6e2bb), and serene teal (#9ec6b8) for a cozy, inviting atmosphere.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of rich, natural hues that evoke a sense of comfort and connection to nature. Featuring vibrant coral (#fa6a64), deep terracotta (#7a4e48), grounding brown (#4a4031), soft beige (#f6e2bb), and a soothing sage green (#9ec6b8), this palette is perfect for creatives looking to infuse warmth and authenticity into their projects.
Designers can leverage these colors in branding to create an inviting atmosphere that resonates with audiences, making it ideal for businesses in the wellness, eco-friendly, and organic sectors. This color palette shines in various applications, including web design, packaging, and interiors.
In web design, the Warm Earthy hues can enhance user experience by creating a cozy and welcoming online presence. For packaging, these colors can convey a message of sustainability and natural beauty, appealing to environmentally-conscious consumers.
In interior design, the palette fosters a serene and earthy ambiance, perfect for spaces meant for relaxation or creativity, such as home offices or wellness retreats. Overall, the Warm Earthy Color Palette caters to designers and creatives who want to evoke emotions of comfort, stability, and connection in their work.
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.896 0.051 21.14) | #fdd0ce | hsl(3, 92%, 90%) |
|
|
| 100 | oklch(0.852 0.077 21.76) | #fdbbb8 | hsl(3, 95%, 86%) |
|
|
| 200 | oklch(0.811 0.101 22.50) | #fca7a3 | hsl(3, 94%, 81%) |
|
|
| 300 | oklch(0.771 0.126 23.34) | #fb938e | hsl(3, 93%, 77%) |
|
|
| 400 | oklch(0.735 0.154 23.89) | #fb7e79 | hsl(2, 94%, 73%) |
|
|
| 500 | oklch(0.702 0.178 25.11) | #fa6a64 | hsl(2, 94%, 69%) |
|
|
| 600 | oklch(0.635 0.232 28.44) | #f8322a | hsl(2, 94%, 57%) |
|
|
| 700 | oklch(0.571 0.229 29.42) | #df1007 | hsl(3, 94%, 45%) |
|
|
| 800 | oklch(0.458 0.182 29.49) | #a50c05 | hsl(3, 94%, 33%) |
|
|
| 900 | oklch(0.337 0.131 29.79) | #6b0803 | hsl(3, 95%, 22%) |
|
|
| 950 | oklch(0.204 0.074 29.84) | #310402 | hsl(3, 92%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.012 29.87) | #ece1df | hsl(9, 25%, 90%) |
|
|
| 100 | oklch(0.829 0.027 26.57) | #d8c1be | hsl(7, 25%, 80%) |
|
|
| 200 | oklch(0.740 0.043 27.38) | #c5a19c | hsl(7, 26%, 69%) |
|
|
| 300 | oklch(0.649 0.061 26.90) | #b1817b | hsl(7, 26%, 59%) |
|
|
| 400 | oklch(0.559 0.074 27.44) | #9b635c | hsl(7, 26%, 48%) |
|
|
| 500 | oklch(0.472 0.061 28.07) | #7a4e48 | hsl(7, 26%, 38%) |
|
|
| 600 | oklch(0.424 0.053 29.56) | #68433d | hsl(8, 26%, 32%) |
|
|
| 700 | oklch(0.372 0.045 27.53) | #563733 | hsl(7, 26%, 27%) |
|
|
| 800 | oklch(0.321 0.037 29.71) | #442c28 | hsl(9, 26%, 21%) |
|
|
| 900 | oklch(0.266 0.028 26.22) | #32201e | hsl(6, 25%, 16%) |
|
|
| 950 | oklch(0.209 0.019 30.38) | #201513 | hsl(9, 25%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.010 81.79) | #ebe7e0 | hsl(38, 22%, 90%) |
|
|
| 100 | oklch(0.831 0.022 76.50) | #d0c6b8 | hsl(35, 20%, 77%) |
|
|
| 200 | oklch(0.732 0.037 78.58) | #b5a68f | hsl(36, 20%, 64%) |
|
|
| 300 | oklch(0.630 0.050 78.51) | #9a8667 | hsl(36, 20%, 50%) |
|
|
| 400 | oklch(0.508 0.039 78.27) | #72634c | hsl(36, 20%, 37%) |
|
|
| 500 | oklch(0.377 0.028 77.77) | #4a4031 | hsl(36, 20%, 24%) |
|
|
| 600 | oklch(0.349 0.026 81.49) | #41392b | hsl(38, 20%, 21%) |
|
|
| 700 | oklch(0.318 0.022 75.62) | #393126 | hsl(35, 20%, 19%) |
|
|
| 800 | oklch(0.288 0.019 80.41) | #302a20 | hsl(38, 20%, 16%) |
|
|
| 900 | oklch(0.255 0.016 79.48) | #27221a | hsl(37, 20%, 13%) |
|
|
| 950 | oklch(0.224 0.014 81.58) | #1f1b14 | hsl(38, 22%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.037 84.59) | #f9ecd2 | hsl(40, 76%, 90%) |
|
|
| 100 | oklch(0.941 0.041 85.29) | #f8eacd | hsl(40, 75%, 89%) |
|
|
| 200 | oklch(0.936 0.044 83.91) | #f8e8c9 | hsl(40, 77%, 88%) |
|
|
| 300 | oklch(0.930 0.048 84.56) | #f7e6c4 | hsl(40, 76%, 87%) |
|
|
| 400 | oklch(0.925 0.052 83.40) | #f7e4c0 | hsl(39, 77%, 86%) |
|
|
| 500 | oklch(0.919 0.055 83.99) | #f6e2bb | hsl(40, 77%, 85%) |
|
|
| 600 | oklch(0.842 0.106 82.79) | #edc578 | hsl(39, 76%, 70%) |
|
|
| 700 | oklch(0.769 0.143 79.36) | #e4a834 | hsl(40, 77%, 55%) |
|
|
| 800 | oklch(0.634 0.126 77.55) | #b47f18 | hsl(40, 76%, 40%) |
|
|
| 900 | oklch(0.453 0.088 77.60) | #714f0f | hsl(39, 77%, 25%) |
|
|
| 950 | oklch(0.253 0.044 81.85) | #2d2006 | hsl(40, 76%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 171.04) | #dfece7 | hsl(157, 25%, 90%) |
|
|
| 100 | oklch(0.904 0.021 173.90) | #d2e4de | hsl(160, 25%, 86%) |
|
|
| 200 | oklch(0.877 0.028 171.12) | #c5ddd4 | hsl(158, 26%, 82%) |
|
|
| 300 | oklch(0.849 0.034 172.67) | #b8d5cb | hsl(159, 26%, 78%) |
|
|
| 400 | oklch(0.822 0.041 170.75) | #abcec1 | hsl(158, 26%, 74%) |
|
|
| 500 | oklch(0.794 0.047 171.72) | #9ec6b8 | hsl(159, 26%, 70%) |
|
|
| 600 | oklch(0.710 0.064 170.84) | #78af9c | hsl(159, 26%, 58%) |
|
|
| 700 | oklch(0.616 0.071 169.54) | #57937e | hsl(159, 26%, 46%) |
|
|
| 800 | oklch(0.497 0.056 169.28) | #406d5d | hsl(159, 26%, 34%) |
|
|
| 900 | oklch(0.371 0.041 168.77) | #29473c | hsl(158, 27%, 22%) |
|
|
| 950 | oklch(0.230 0.021 168.57) | #13201b | hsl(157, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
