Warm Earthy Color Palette
This palette exudes a warm, earthy charm with sun-kissed yellows, rustic greens, and deep browns, evoking a cozy, nature-inspired retreat filled with sunlight and tranquility.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of soft yellows, rich browns, and muted greens that evoke a sense of comfort and connection to nature. Featuring shades like #fbe4ae, #dacb8a, #897632, #392e0e, and #6bb88a, this palette is perfect for branding projects that aim to create an inviting and organic feel.
Whether you're designing a logo for a sustainable brand or developing packaging for artisanal products, these colors will resonate with audiences looking for authenticity and warmth. Ideal for web design and interior decor, the Warm Earthy Color Palette can transform any space or digital interface into a serene environment.
Designers and creatives can leverage these colors to evoke feelings of tranquility and stability, making it a great choice for wellness brands, eco-friendly businesses, and lifestyle blogs. This palette not only enhances visual appeal but also helps in storytelling, allowing brands to convey their commitment to sustainability and a natural lifestyle effectively.
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.955 0.046 87.76) | #fdefce | hsl(42, 92%, 90%) |
|
|
| 100 | oklch(0.949 0.051 88.57) | #fcedc8 | hsl(43, 90%, 89%) |
|
|
| 200 | oklch(0.941 0.057 87.11) | #fceac1 | hsl(42, 91%, 87%) |
|
|
| 300 | oklch(0.936 0.062 86.86) | #fce8bb | hsl(42, 92%, 86%) |
|
|
| 400 | oklch(0.930 0.068 87.90) | #fbe6b4 | hsl(42, 90%, 85%) |
|
|
| 500 | oklch(0.925 0.074 87.61) | #fbe4ae | hsl(42, 91%, 83%) |
|
|
| 600 | oklch(0.863 0.129 86.42) | #f7cc67 | hsl(42, 90%, 69%) |
|
|
| 700 | oklch(0.808 0.161 81.59) | #f4b41f | hsl(42, 91%, 54%) |
|
|
| 800 | oklch(0.666 0.136 80.18) | #bf8909 | hsl(42, 91%, 39%) |
|
|
| 900 | oklch(0.477 0.096 81.20) | #785606 | hsl(42, 90%, 25%) |
|
|
| 950 | oklch(0.266 0.052 84.93) | #312302 | hsl(42, 92%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.030 96.41) | #f3eed8 | hsl(49, 53%, 90%) |
|
|
| 100 | oklch(0.926 0.040 96.25) | #eee7c9 | hsl(49, 52%, 86%) |
|
|
| 200 | oklch(0.904 0.052 96.49) | #e9e0b9 | hsl(49, 52%, 82%) |
|
|
| 300 | oklch(0.882 0.064 96.68) | #e4d9a9 | hsl(49, 52%, 78%) |
|
|
| 400 | oklch(0.861 0.074 96.61) | #dfd29a | hsl(49, 52%, 74%) |
|
|
| 500 | oklch(0.839 0.085 96.73) | #dacb8a | hsl(49, 52%, 70%) |
|
|
| 600 | oklch(0.776 0.113 96.44) | #cbb65c | hsl(49, 52%, 58%) |
|
|
| 700 | oklch(0.691 0.120 95.93) | #b29b38 | hsl(49, 52%, 46%) |
|
|
| 800 | oklch(0.556 0.094 96.80) | #83732a | hsl(49, 51%, 34%) |
|
|
| 900 | oklch(0.410 0.067 96.12) | #554a1b | hsl(49, 52%, 22%) |
|
|
| 950 | oklch(0.252 0.037 96.77) | #27220c | hsl(49, 53%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.024 94.07) | #f1ecda | hsl(47, 45%, 90%) |
|
|
| 100 | oklch(0.881 0.052 93.78) | #e3d8b2 | hsl(47, 47%, 79%) |
|
|
| 200 | oklch(0.820 0.078 94.53) | #d4c48a | hsl(47, 46%, 69%) |
|
|
| 300 | oklch(0.760 0.102 94.04) | #c6b062 | hsl(47, 47%, 58%) |
|
|
| 400 | oklch(0.685 0.110 93.22) | #b19841 | hsl(47, 46%, 47%) |
|
|
| 500 | oklch(0.570 0.090 93.71) | #897632 | hsl(47, 47%, 37%) |
|
|
| 600 | oklch(0.510 0.080 93.97) | #75652b | hsl(47, 46%, 31%) |
|
|
| 700 | oklch(0.448 0.070 94.56) | #615423 | hsl(47, 47%, 26%) |
|
|
| 800 | oklch(0.384 0.058 95.13) | #4d431c | hsl(48, 47%, 21%) |
|
|
| 900 | oklch(0.315 0.045 93.73) | #393115 | hsl(47, 46%, 15%) |
|
|
| 950 | oklch(0.244 0.031 94.31) | #25200e | hsl(47, 45%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.032 91.03) | #f5edd6 | hsl(45, 61%, 90%) |
|
|
| 100 | oklch(0.867 0.078 91.26) | #e6d298 | hsl(45, 61%, 75%) |
|
|
| 200 | oklch(0.786 0.118 90.51) | #d6b659 | hsl(45, 60%, 59%) |
|
|
| 300 | oklch(0.678 0.123 89.04) | #b6932d | hsl(45, 60%, 45%) |
|
|
| 400 | oklch(0.499 0.088 89.33) | #77601d | hsl(45, 61%, 29%) |
|
|
| 500 | oklch(0.306 0.050 90.07) | #392e0e | hsl(45, 61%, 14%) |
|
|
| 600 | oklch(0.294 0.048 88.91) | #362b0d | hsl(44, 61%, 13%) |
|
|
| 700 | oklch(0.285 0.046 90.07) | #33290c | hsl(45, 62%, 12%) |
|
|
| 800 | oklch(0.272 0.043 90.22) | #2f260c | hsl(45, 59%, 12%) |
|
|
| 900 | oklch(0.263 0.041 91.61) | #2c240b | hsl(45, 60%, 11%) |
|
|
| 950 | oklch(0.251 0.039 90.21) | #29210a | hsl(45, 61%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.022 160.21) | #ddeee4 | hsl(145, 33%, 90%) |
|
|
| 100 | oklch(0.892 0.040 159.16) | #c6e4d2 | hsl(144, 36%, 84%) |
|
|
| 200 | oklch(0.848 0.056 158.83) | #afd9c0 | hsl(144, 36%, 77%) |
|
|
| 300 | oklch(0.805 0.072 158.29) | #98ceae | hsl(144, 36%, 70%) |
|
|
| 400 | oklch(0.763 0.087 157.25) | #82c39c | hsl(144, 35%, 64%) |
|
|
| 500 | oklch(0.720 0.103 156.43) | #6bb88a | hsl(144, 35%, 57%) |
|
|
| 600 | oklch(0.652 0.113 155.18) | #4fa471 | hsl(144, 35%, 48%) |
|
|
| 700 | oklch(0.557 0.095 155.48) | #3f845b | hsl(144, 35%, 38%) |
|
|
| 800 | oklch(0.455 0.075 155.20) | #306344 | hsl(144, 35%, 29%) |
|
|
| 900 | oklch(0.350 0.055 155.78) | #20432e | hsl(144, 35%, 19%) |
|
|
| 950 | oklch(0.233 0.030 157.25) | #112218 | hsl(145, 33%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
