Warm Earthy Color Palette
This palette exudes a warm, earthy charm with a romantic blush of dusty rose, soft buttery yellow, muted teal, deep lavender, and rich mahogany, creating a cozy yet sophisticated vibe perfect for rustic elegance.
Practical uses and creative applications
Introducing the Warm Earthy Color Palette, a stunning array of hues designed to evoke feelings of comfort and connection to nature. Featuring soft pinks, warm yellows, muted greens, deep purples, and rich browns, this palette is perfect for those looking to create a cozy and inviting atmosphere.
Ideal for brand identities that aim to convey authenticity and warmth, it works beautifully in web design, packaging, and interior spaces. Whether you're a designer crafting a new logo or a creative looking to refresh your home decor, these colors can help you achieve a grounded yet stylish aesthetic.
This palette is particularly suited for brands in the wellness, eco-friendly, and artisanal sectors, appealing to audiences who value sustainability and natural beauty. Designers can utilize the Warm Earthy Color Palette to evoke a sense of tranquility in their projects, making it perfect for yoga studios, organic products, or boutique cafes.
Additionally, interior designers can incorporate these hues into residential or commercial spaces to create a warm, inviting environment that resonates with both clients and customers. Embrace the earthy tones of this palette to cultivate a style that feels both modern and timeless.
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.907 0.029 1.39) | #f2d9df | hsl(346, 49%, 90%) |
|
|
| 100 | oklch(0.848 0.047 3.01) | #e9c1ca | hsl(347, 48%, 84%) |
|
|
| 200 | oklch(0.788 0.069 3.66) | #e1a8b5 | hsl(346, 49%, 77%) |
|
|
| 300 | oklch(0.730 0.090 4.10) | #d890a1 | hsl(346, 48%, 71%) |
|
|
| 400 | oklch(0.673 0.113 5.41) | #d0778c | hsl(346, 49%, 64%) |
|
|
| 500 | oklch(0.618 0.134 7.30) | #c75f77 | hsl(346, 48%, 58%) |
|
|
| 600 | oklch(0.543 0.153 9.98) | #b6405b | hsl(346, 48%, 48%) |
|
|
| 700 | oklch(0.464 0.129 9.59) | #923349 | hsl(346, 48%, 39%) |
|
|
| 800 | oklch(0.381 0.103 8.98) | #6e2637 | hsl(346, 49%, 29%) |
|
|
| 900 | oklch(0.295 0.074 8.60) | #4a1a25 | hsl(346, 48%, 20%) |
|
|
| 950 | oklch(0.201 0.043 6.57) | #260d13 | hsl(346, 49%, 10%) |
|
dsfds
| 50 | oklch(0.981 0.061 105.45) | #fefccd | hsl(58, 96%, 90%) |
|
|
| 100 | oklch(0.978 0.066 104.75) | #fefbc8 | hsl(57, 96%, 89%) |
|
|
| 200 | oklch(0.977 0.070 105.03) | #fefbc4 | hsl(57, 97%, 88%) |
|
|
| 300 | oklch(0.976 0.077 105.34) | #fefbbf | hsl(57, 97%, 87%) |
|
|
| 400 | oklch(0.973 0.080 104.74) | #fefabb | hsl(56, 97%, 86%) |
|
|
| 500 | oklch(0.972 0.086 105.05) | #fefab6 | hsl(57, 97%, 85%) |
|
|
| 600 | oklch(0.951 0.159 105.96) | #fdf56a | hsl(57, 97%, 70%) |
|
|
| 700 | oklch(0.935 0.195 105.83) | #fcf01e | hsl(57, 97%, 55%) |
|
|
| 800 | oklch(0.789 0.167 105.43) | #cabf03 | hsl(57, 97%, 40%) |
|
|
| 900 | oklch(0.558 0.118 105.50) | #7e7702 | hsl(57, 97%, 25%) |
|
|
| 950 | oklch(0.302 0.064 107.11) | #323001 | hsl(58, 96%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.013 172.35) | #e0ebe7 | hsl(158, 22%, 90%) |
|
|
| 100 | oklch(0.880 0.020 172.72) | #cbdcd6 | hsl(159, 20%, 83%) |
|
|
| 200 | oklch(0.831 0.029 171.05) | #b6cec5 | hsl(158, 20%, 76%) |
|
|
| 300 | oklch(0.781 0.038 169.91) | #a1c0b4 | hsl(157, 20%, 69%) |
|
|
| 400 | oklch(0.732 0.046 170.51) | #8cb2a4 | hsl(158, 20%, 62%) |
|
|
| 500 | oklch(0.681 0.055 169.33) | #77a493 | hsl(157, 20%, 55%) |
|
|
| 600 | oklch(0.607 0.058 168.44) | #5f8e7c | hsl(157, 20%, 46%) |
|
|
| 700 | oklch(0.519 0.049 169.37) | #4c7264 | hsl(158, 20%, 37%) |
|
|
| 800 | oklch(0.427 0.038 168.12) | #3a564b | hsl(156, 19%, 28%) |
|
|
| 900 | oklch(0.330 0.027 169.76) | #273a33 | hsl(158, 20%, 19%) |
|
|
| 950 | oklch(0.227 0.018 170.28) | #141f1b | hsl(158, 22%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.010 335.49) | #e9e2e7 | hsl(317, 14%, 90%) |
|
|
| 100 | oklch(0.845 0.021 337.77) | #d6c7d1 | hsl(320, 15%, 81%) |
|
|
| 200 | oklch(0.769 0.030 340.20) | #c2adba | hsl(323, 15%, 72%) |
|
|
| 300 | oklch(0.691 0.042 339.52) | #ae92a4 | hsl(321, 15%, 63%) |
|
|
| 400 | oklch(0.614 0.053 340.72) | #9b788e | hsl(322, 15%, 54%) |
|
|
| 500 | oklch(0.535 0.054 340.11) | #836177 | hsl(321, 15%, 45%) |
|
|
| 600 | oklch(0.476 0.048 339.71) | #6f5265 | hsl(321, 15%, 38%) |
|
|
| 700 | oklch(0.413 0.039 339.75) | #5a4352 | hsl(321, 15%, 31%) |
|
|
| 800 | oklch(0.350 0.032 339.03) | #463440 | hsl(320, 15%, 24%) |
|
|
| 900 | oklch(0.283 0.024 341.30) | #32252d | hsl(323, 15%, 17%) |
|
|
| 950 | oklch(0.211 0.015 336.50) | #1d161b | hsl(317, 14%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 26.02) | #eae2e1 | hsl(7, 18%, 90%) |
|
|
| 100 | oklch(0.827 0.018 26.12) | #d2c2c0 | hsl(7, 17%, 79%) |
|
|
| 200 | oklch(0.730 0.030 23.29) | #baa19f | hsl(4, 16%, 68%) |
|
|
| 300 | oklch(0.634 0.041 24.33) | #a2817e | hsl(5, 16%, 56%) |
|
|
| 400 | oklch(0.537 0.045 24.41) | #866461 | hsl(5, 16%, 45%) |
|
|
| 500 | oklch(0.440 0.036 23.65) | #654b49 | hsl(4, 16%, 34%) |
|
|
| 600 | oklch(0.396 0.032 21.48) | #57403f | hsl(2, 16%, 29%) |
|
|
| 700 | oklch(0.352 0.026 25.77) | #483634 | hsl(6, 16%, 24%) |
|
|
| 800 | oklch(0.306 0.022 22.87) | #3a2b2a | hsl(4, 16%, 20%) |
|
|
| 900 | oklch(0.260 0.017 24.35) | #2c2120 | hsl(5, 16%, 15%) |
|
|
| 950 | oklch(0.210 0.013 26.53) | #1e1615 | hsl(7, 18%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
