Warm Earthy Color Palette
This palette exudes a warm, earthy charm with rich caramel browns, soft sage greens, sunny golden yellows, vibrant coral reds, and a playful hint of pastel yellow, evoking a cozy, sunlit garden party atmosphere.
Practical uses and creative applications
The Warm Earthy Color Palette is a stunning combination of rich, natural hues that evoke a sense of comfort and tranquility. Featuring earthy tones like the deep browns of #855f30, the soft greens of #9ec89a, and vibrant accents such as #ff5248, this palette is perfect for branding that aims to connect with nature and sustainability.
Ideal for eco-friendly brands, wellness products, and artisanal businesses, these colors can create an inviting atmosphere that resonates with conscious consumers. In web design, the Warm Earthy Color Palette can enhance user experience by fostering a sense of warmth and approachability.
Use the gentle yellow of #f6ffb3 as a background to create a light and airy feel, while the vibrant #eaba68 can be utilized for call-to-action buttons, encouraging user engagement. Designers and creatives looking to craft packaging that stands out on the shelves will also find this palette highly effective, as it conveys authenticity and a connection to the earth, appealing to eco-minded shoppers.
For interior design, incorporating these colors can transform spaces into cozy sanctuaries. The earthy tones can be used in textiles, wall paints, or decorative accents to create a harmonious environment that promotes relaxation and well-being.
Whether you’re a designer looking to create a calming retreat or a creative seeking inspiration, the Warm Earthy Color Palette offers a versatile foundation for projects that celebrate the beauty of nature.
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.932 0.020 74.66) | #f1e7da | hsl(34, 45%, 90%) |
|
|
| 100 | oklch(0.857 0.045 71.63) | #e3ccb1 | hsl(32, 47%, 79%) |
|
|
| 200 | oklch(0.783 0.069 72.45) | #d4b288 | hsl(33, 47%, 68%) |
|
|
| 300 | oklch(0.709 0.092 72.01) | #c5985f | hsl(34, 47%, 57%) |
|
|
| 400 | oklch(0.624 0.100 69.60) | #ae7c3f | hsl(33, 47%, 46%) |
|
|
| 500 | oklch(0.515 0.080 70.18) | #855f30 | hsl(33, 47%, 35%) |
|
|
| 600 | oklch(0.462 0.071 69.73) | #725129 | hsl(33, 47%, 30%) |
|
|
| 700 | oklch(0.409 0.062 70.94) | #5f4422 | hsl(33, 47%, 25%) |
|
|
| 800 | oklch(0.351 0.052 70.43) | #4c361b | hsl(33, 48%, 20%) |
|
|
| 900 | oklch(0.292 0.041 69.54) | #392814 | hsl(32, 48%, 15%) |
|
|
| 950 | oklch(0.231 0.028 73.03) | #251b0e | hsl(34, 45%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.025 143.49) | #dfedde | hsl(116, 29%, 90%) |
|
|
| 100 | oklch(0.904 0.036 142.73) | #d2e6d0 | hsl(115, 31%, 86%) |
|
|
| 200 | oklch(0.875 0.045 143.15) | #c5dec3 | hsl(116, 29%, 82%) |
|
|
| 300 | oklch(0.847 0.057 142.68) | #b8d7b5 | hsl(115, 30%, 78%) |
|
|
| 400 | oklch(0.818 0.066 142.92) | #abcfa8 | hsl(115, 29%, 74%) |
|
|
| 500 | oklch(0.790 0.078 142.57) | #9ec89a | hsl(115, 29%, 69%) |
|
|
| 600 | oklch(0.710 0.110 142.52) | #78b373 | hsl(115, 30%, 58%) |
|
|
| 700 | oklch(0.617 0.120 142.14) | #589752 | hsl(115, 30%, 46%) |
|
|
| 800 | oklch(0.495 0.092 142.32) | #416f3d | hsl(115, 29%, 34%) |
|
|
| 900 | oklch(0.368 0.066 142.12) | #2a4827 | hsl(115, 30%, 22%) |
|
|
| 950 | oklch(0.230 0.034 142.82) | #132112 | hsl(116, 29%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.036 82.18) | #f9ebd2 | hsl(38, 76%, 90%) |
|
|
| 100 | oklch(0.918 0.053 81.16) | #f6e1bd | hsl(38, 76%, 85%) |
|
|
| 200 | oklch(0.891 0.069 80.48) | #f3d7a8 | hsl(38, 76%, 81%) |
|
|
| 300 | oklch(0.865 0.085 80.26) | #f0cd92 | hsl(38, 76%, 76%) |
|
|
| 400 | oklch(0.841 0.101 80.45) | #edc47d | hsl(38, 76%, 71%) |
|
|
| 500 | oklch(0.815 0.114 79.44) | #eaba68 | hsl(38, 76%, 66%) |
|
|
| 600 | oklch(0.759 0.141 76.27) | #e3a336 | hsl(38, 76%, 55%) |
|
|
| 700 | oklch(0.667 0.134 74.30) | #c4861b | hsl(38, 76%, 44%) |
|
|
| 800 | oklch(0.537 0.107 74.09) | #926314 | hsl(38, 76%, 33%) |
|
|
| 900 | oklch(0.400 0.077 75.91) | #5f410d | hsl(38, 76%, 21%) |
|
|
| 950 | oklch(0.251 0.044 79.09) | #2d1f06 | hsl(38, 76%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.055 22.40) | #ffcfcc | hsl(4, 100%, 90%) |
|
|
| 100 | oklch(0.844 0.086 22.56) | #ffb6b2 | hsl(3, 100%, 85%) |
|
|
| 200 | oklch(0.795 0.118 23.84) | #ff9d97 | hsl(3, 100%, 80%) |
|
|
| 300 | oklch(0.750 0.151 24.68) | #ff847d | hsl(3, 100%, 75%) |
|
|
| 400 | oklch(0.710 0.182 26.23) | #ff6b62 | hsl(3, 100%, 69%) |
|
|
| 500 | oklch(0.677 0.211 27.52) | #ff5248 | hsl(3, 100%, 64%) |
|
|
| 600 | oklch(0.636 0.250 29.54) | #ff1e11 | hsl(3, 100%, 53%) |
|
|
| 700 | oklch(0.559 0.226 29.77) | #d90c00 | hsl(3, 100%, 43%) |
|
|
| 800 | oklch(0.448 0.180 30.00) | #a10900 | hsl(3, 100%, 32%) |
|
|
| 900 | oklch(0.333 0.132 30.51) | #6a0600 | hsl(3, 100%, 21%) |
|
|
| 950 | oklch(0.207 0.078 32.03) | #330300 | hsl(4, 100%, 10%) |
|
dsfds
| 50 | oklch(0.983 0.066 113.07) | #f9ffcc | hsl(67, 100%, 90%) |
|
|
| 100 | oklch(0.981 0.072 113.53) | #f8ffc7 | hsl(68, 100%, 89%) |
|
|
| 200 | oklch(0.980 0.078 113.17) | #f8ffc2 | hsl(67, 100%, 88%) |
|
|
| 300 | oklch(0.978 0.085 113.59) | #f7ffbd | hsl(67, 100%, 87%) |
|
|
| 400 | oklch(0.977 0.091 113.31) | #f7ffb8 | hsl(67, 100%, 86%) |
|
|
| 500 | oklch(0.976 0.097 113.70) | #f6ffb3 | hsl(67, 100%, 85%) |
|
|
| 600 | oklch(0.958 0.175 115.45) | #edff66 | hsl(67, 100%, 70%) |
|
|
| 700 | oklch(0.948 0.216 117.33) | #e4ff1a | hsl(67, 100%, 55%) |
|
|
| 800 | oklch(0.799 0.186 117.93) | #b4cc00 | hsl(67, 100%, 40%) |
|
|
| 900 | oklch(0.567 0.132 118.11) | #708000 | hsl(68, 100%, 25%) |
|
|
| 950 | oklch(0.305 0.070 116.69) | #2d3300 | hsl(67, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
