Warm Earthy Color Palette
This palette radiates a warm, earthy charm with soft golden yellows, muted greens, and rich terracotta, creating a cozy, rustic vibe that feels both inviting and grounded.
Practical uses and creative applications
The Warm Earthy Color Palette offers a harmonious blend of soft, natural hues that evoke feelings of comfort and stability. Featuring shades like the gentle cream of #f1e8b4 and the muted greens of #b2bb91, this palette is perfect for branding projects that aim to communicate authenticity and warmth.
Ideal for designers in the holistic wellness, organic food, and eco-friendly sectors, these colors can effectively enhance your brand identity, fostering a sense of trust and connection with your audience. In web design, the Warm Earthy Color Palette creates inviting user experiences, making it ideal for lifestyle blogs, artisan shops, and eco-conscious websites.
The rich, earthy tones of #d16344 and #83555e add depth and character, perfect for creating stunning headers, call-to-action buttons, and background elements that resonate with users. Additionally, this palette shines in interior design, where it can be used to craft cozy living spaces or tranquil work environments, appealing to creatives seeking inspiration and relaxation.
Whether you're a graphic designer, interior decorator, or branding expert, the Warm Earthy Color Palette is versatile enough to suit a variety of projects. By incorporating these tones into your designs, you not only beautify your work but also evoke a mood of groundedness and serenity, making it an excellent choice for any creative endeavor.
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.957 0.040 99.31) | #f7f2d4 | hsl(51, 69%, 90%) |
|
|
100 | oklch(0.951 0.045 98.93) | #f6f0ce | hsl(51, 69%, 89%) |
|
|
200 | oklch(0.945 0.051 98.86) | #f5eec7 | hsl(51, 70%, 87%) |
|
|
300 | oklch(0.938 0.056 99.71) | #f3ecc1 | hsl(52, 68%, 85%) |
|
|
400 | oklch(0.932 0.063 99.60) | #f2eaba | hsl(51, 68%, 84%) |
|
|
500 | oklch(0.925 0.068 99.36) | #f1e8b4 | hsl(51, 69%, 83%) |
|
|
600 | oklch(0.866 0.118 99.93) | #e5d576 | hsl(51, 68%, 68%) |
|
|
700 | oklch(0.811 0.152 98.99) | #dac237 | hsl(51, 69%, 54%) |
|
|
800 | oklch(0.665 0.129 98.75) | #a8941f | hsl(51, 69%, 39%) |
|
|
900 | oklch(0.476 0.090 99.42) | #695d14 | hsl(52, 68%, 25%) |
|
|
950 | oklch(0.267 0.046 99.80) | #2b2608 | hsl(51, 69%, 10%) |
|
dsfds
50 | oklch(0.937 0.018 117.30) | #e9ecdf | hsl(74, 25%, 90%) |
|
|
100 | oklch(0.905 0.024 117.07) | #dee2d0 | hsl(73, 24%, 85%) |
|
|
200 | oklch(0.872 0.033 116.64) | #d3d8c0 | hsl(73, 24%, 80%) |
|
|
300 | oklch(0.839 0.041 116.48) | #c8ceb0 | hsl(72, 23%, 75%) |
|
|
400 | oklch(0.808 0.050 117.70) | #bdc5a1 | hsl(73, 24%, 70%) |
|
|
500 | oklch(0.774 0.058 117.60) | #b2bb91 | hsl(73, 24%, 65%) |
|
|
600 | oklch(0.702 0.078 118.30) | #9aa66e | hsl(73, 24%, 54%) |
|
|
700 | oklch(0.605 0.074 118.42) | #7d8854 | hsl(73, 24%, 43%) |
|
|
800 | oklch(0.489 0.059 118.08) | #5d653e | hsl(72, 24%, 32%) |
|
|
900 | oklch(0.367 0.041 117.66) | #3d4229 | hsl(72, 23%, 21%) |
|
|
950 | oklch(0.236 0.024 118.84) | #1d2013 | hsl(74, 25%, 10%) |
|
dsfds
50 | oklch(0.950 0.033 95.87) | #f5efd6 | hsl(48, 61%, 90%) |
|
|
100 | oklch(0.920 0.052 95.29) | #efe5be | hsl(48, 60%, 84%) |
|
|
200 | oklch(0.892 0.071 96.17) | #e9dca6 | hsl(48, 60%, 78%) |
|
|
300 | oklch(0.862 0.089 95.79) | #e3d28e | hsl(48, 60%, 72%) |
|
|
400 | oklch(0.835 0.106 96.19) | #ddc976 | hsl(48, 60%, 66%) |
|
|
500 | oklch(0.806 0.120 95.64) | #d7bf5e | hsl(48, 60%, 61%) |
|
|
600 | oklch(0.759 0.139 94.68) | #cdaf35 | hsl(48, 60%, 51%) |
|
|
700 | oklch(0.645 0.118 94.30) | #a58c29 | hsl(48, 60%, 40%) |
|
|
800 | oklch(0.525 0.094 94.24) | #7c691f | hsl(48, 60%, 30%) |
|
|
900 | oklch(0.396 0.069 95.42) | #524614 | hsl(48, 61%, 20%) |
|
|
950 | oklch(0.257 0.040 95.90) | #29230a | hsl(48, 61%, 10%) |
|
dsfds
50 | oklch(0.915 0.028 36.86) | #f5ddd6 | hsl(14, 61%, 90%) |
|
|
100 | oklch(0.854 0.051 35.08) | #eec4b9 | hsl(12, 61%, 83%) |
|
|
200 | oklch(0.795 0.073 35.72) | #e7ac9c | hsl(13, 61%, 76%) |
|
|
300 | oklch(0.736 0.097 37.07) | #df947e | hsl(14, 60%, 68%) |
|
|
400 | oklch(0.679 0.122 36.48) | #d87b61 | hsl(13, 60%, 61%) |
|
|
500 | oklch(0.627 0.147 36.61) | #d16344 | hsl(13, 61%, 54%) |
|
|
600 | oklch(0.558 0.148 36.55) | #ba4d2e | hsl(13, 60%, 45%) |
|
|
700 | oklch(0.479 0.125 36.58) | #963e25 | hsl(13, 60%, 37%) |
|
|
800 | oklch(0.394 0.099 36.80) | #712f1c | hsl(13, 60%, 28%) |
|
|
900 | oklch(0.306 0.072 36.92) | #4d2013 | hsl(13, 60%, 19%) |
|
|
950 | oklch(0.212 0.042 37.10) | #29110a | hsl(14, 61%, 10%) |
|
dsfds
50 | oklch(0.916 0.012 4.77) | #ebe0e2 | hsl(349, 22%, 90%) |
|
|
100 | oklch(0.836 0.024 4.59) | #d8c3c7 | hsl(349, 21%, 81%) |
|
|
200 | oklch(0.752 0.038 5.36) | #c5a5ab | hsl(349, 22%, 71%) |
|
|
300 | oklch(0.669 0.052 5.87) | #b28890 | hsl(349, 21%, 62%) |
|
|
400 | oklch(0.582 0.068 6.77) | #9e6a74 | hsl(348, 21%, 52%) |
|
|
500 | oklch(0.503 0.062 6.75) | #83555e | hsl(348, 21%, 42%) |
|
|
600 | oklch(0.448 0.054 6.07) | #6f4850 | hsl(348, 21%, 36%) |
|
|
700 | oklch(0.391 0.046 7.11) | #5b3b41 | hsl(349, 21%, 29%) |
|
|
800 | oklch(0.333 0.038 6.16) | #472e33 | hsl(348, 21%, 23%) |
|
|
900 | oklch(0.272 0.028 4.51) | #332125 | hsl(347, 21%, 16%) |
|
|
950 | oklch(0.206 0.018 6.73) | #1f1416 | hsl(349, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.