Warm Earthy Color Palette
This palette exudes a warm, earthy charm with rich cocoa browns, soft blush pinks, sunny yellows, and gentle creams, creating a cozy and inviting atmosphere perfect for a rustic yet modern aesthetic.
Practical uses and creative applications
The Warm Earthy Color Palette is a stunning blend of hues that evoke a sense of comfort and natural beauty. Featuring rich browns (#4c3d31), soft terracottas (#f18273), and gentle earth tones (#f2bd76, #f4f5de, #c4ceb0), this palette is ideal for those looking to create inviting and grounded designs.
It works beautifully in branding for eco-friendly products, artisanal goods, or wellness brands, helping convey a message of authenticity and connection to nature. Web designers and creatives can effortlessly incorporate this color scheme into website layouts and user interfaces that aim to foster a cozy, approachable atmosphere.
The Warm Earthy Color Palette is also perfect for packaging design, as it not only stands out on shelves but also resonates with consumers seeking a natural and organic experience. Additionally, interior designers can utilize these colors to create serene and harmonious spaces that promote relaxation and well-being, making it a versatile choice for various design applications.
Whether you’re a designer looking to evoke warmth or a brand aiming for a holistic aesthetic, this palette is sure to inspire creativity and connection.
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.925 0.009 62.58) | #ebe5e0 | hsl(27, 22%, 90%) |
|
|
| 100 | oklch(0.825 0.023 63.14) | #d1c3b7 | hsl(28, 22%, 77%) |
|
|
| 200 | oklch(0.721 0.036 58.61) | #b7a08f | hsl(26, 22%, 64%) |
|
|
| 300 | oklch(0.615 0.051 60.31) | #9c7e66 | hsl(27, 21%, 51%) |
|
|
| 400 | oklch(0.500 0.042 61.20) | #755e4b | hsl(27, 22%, 38%) |
|
|
| 500 | oklch(0.372 0.029 60.40) | #4c3d31 | hsl(27, 22%, 25%) |
|
|
| 600 | oklch(0.344 0.026 62.02) | #43362b | hsl(28, 22%, 22%) |
|
|
| 700 | oklch(0.314 0.023 64.09) | #3a2f25 | hsl(29, 22%, 19%) |
|
|
| 800 | oklch(0.282 0.020 56.80) | #312720 | hsl(25, 21%, 16%) |
|
|
| 900 | oklch(0.251 0.017 58.78) | #28201a | hsl(26, 21%, 13%) |
|
|
| 950 | oklch(0.219 0.013 61.84) | #1f1914 | hsl(27, 22%, 10%) |
|
dsfds
| 50 | oklch(0.905 0.041 27.25) | #fad6d1 | hsl(7, 80%, 90%) |
|
|
| 100 | oklch(0.867 0.059 27.38) | #f8c5be | hsl(7, 81%, 86%) |
|
|
| 200 | oklch(0.830 0.080 27.52) | #f7b4ab | hsl(7, 83%, 82%) |
|
|
| 300 | oklch(0.793 0.100 27.89) | #f5a398 | hsl(7, 82%, 78%) |
|
|
| 400 | oklch(0.760 0.118 28.40) | #f39386 | hsl(7, 82%, 74%) |
|
|
| 500 | oklch(0.726 0.139 28.93) | #f18273 | hsl(7, 82%, 70%) |
|
|
| 600 | oklch(0.642 0.194 30.45) | #eb503c | hsl(7, 81%, 58%) |
|
|
| 700 | oklch(0.567 0.207 31.11) | #d52c15 | hsl(7, 82%, 46%) |
|
|
| 800 | oklch(0.455 0.162 31.17) | #9d2110 | hsl(7, 82%, 34%) |
|
|
| 900 | oklch(0.337 0.116 31.12) | #66150a | hsl(7, 82%, 22%) |
|
|
| 950 | oklch(0.208 0.061 31.91) | #2e0a05 | hsl(7, 80%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.038 76.19) | #fbe9d0 | hsl(35, 84%, 90%) |
|
|
| 100 | oklch(0.919 0.052 75.49) | #f9e0be | hsl(35, 83%, 86%) |
|
|
| 200 | oklch(0.896 0.066 74.94) | #f7d7ac | hsl(34, 82%, 82%) |
|
|
| 300 | oklch(0.873 0.080 74.42) | #f5ce9a | hsl(34, 82%, 78%) |
|
|
| 400 | oklch(0.853 0.095 74.26) | #f4c688 | hsl(34, 83%, 75%) |
|
|
| 500 | oklch(0.831 0.108 73.53) | #f2bd76 | hsl(34, 83%, 71%) |
|
|
| 600 | oklch(0.769 0.143 70.03) | #eda23e | hsl(34, 83%, 59%) |
|
|
| 700 | oklch(0.687 0.149 65.20) | #d88414 | hsl(34, 83%, 46%) |
|
|
| 800 | oklch(0.551 0.117 66.55) | #9f620f | hsl(35, 83%, 34%) |
|
|
| 900 | oklch(0.406 0.084 67.10) | #673f0a | hsl(34, 82%, 22%) |
|
|
| 950 | oklch(0.248 0.047 72.09) | #2f1d04 | hsl(35, 84%, 10%) |
|
dsfds
| 50 | oklch(0.956 0.035 108.78) | #f2f3d8 | hsl(62, 53%, 90%) |
|
|
| 100 | oklch(0.959 0.035 110.50) | #f2f4d9 | hsl(64, 55%, 90%) |
|
|
| 200 | oklch(0.960 0.034 108.82) | #f3f4da | hsl(62, 54%, 91%) |
|
|
| 300 | oklch(0.960 0.032 108.92) | #f3f4dc | hsl(63, 52%, 91%) |
|
|
| 400 | oklch(0.963 0.032 108.92) | #f4f5dd | hsl(63, 55%, 91%) |
|
|
| 500 | oklch(0.963 0.030 108.98) | #f4f5de | hsl(63, 53%, 92%) |
|
|
| 600 | oklch(0.894 0.088 110.17) | #dfe29e | hsl(63, 54%, 75%) |
|
|
| 700 | oklch(0.825 0.136 111.36) | #c9ce5e | hsl(63, 53%, 59%) |
|
|
| 800 | oklch(0.703 0.136 111.84) | #a2a733 | hsl(63, 53%, 43%) |
|
|
| 900 | oklch(0.496 0.093 111.66) | #64671f | hsl(63, 54%, 26%) |
|
|
| 950 | oklch(0.265 0.043 110.96) | #26270c | hsl(62, 53%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.015 123.05) | #e7ebe0 | hsl(82, 22%, 90%) |
|
|
| 100 | oklch(0.916 0.022 123.65) | #e0e6d6 | hsl(83, 24%, 87%) |
|
|
| 200 | oklch(0.896 0.027 123.46) | #d9e0cd | hsl(82, 23%, 84%) |
|
|
| 300 | oklch(0.876 0.032 122.70) | #d2dac3 | hsl(81, 24%, 81%) |
|
|
| 400 | oklch(0.856 0.036 122.73) | #cbd4ba | hsl(81, 23%, 78%) |
|
|
| 500 | oklch(0.836 0.042 122.31) | #c4ceb0 | hsl(80, 23%, 75%) |
|
|
| 600 | oklch(0.749 0.066 123.55) | #a5b587 | hsl(81, 24%, 62%) |
|
|
| 700 | oklch(0.657 0.083 123.45) | #879a60 | hsl(80, 23%, 49%) |
|
|
| 800 | oklch(0.526 0.066 123.32) | #637146 | hsl(80, 23%, 36%) |
|
|
| 900 | oklch(0.386 0.045 123.47) | #3f482d | hsl(80, 23%, 23%) |
|
|
| 950 | oklch(0.231 0.021 124.26) | #1b1f14 | hsl(82, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
