Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with deep teal, rich brown, vibrant coral, sunny gold, and soft cream, evoking a cozy yet adventurous spirit perfect for an eclectic, nature-inspired setting.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of rich tones inspired by nature, featuring deep teal (#058789), warm brown (#503d2e), vibrant coral (#d54b1a), golden yellow (#e3a72f), and soft beige (#f0ecc9). This palette is perfect for branding projects that aim to evoke a sense of comfort and authenticity.
Whether you’re crafting a logo for an eco-friendly product or designing packaging for artisanal goods, these colors create a grounded yet inviting aesthetic that resonates with conscious consumers. Ideal for creatives in fields like web design and interior decor, the Warm Earthy Color Palette can transform any space or digital experience into a warm, welcoming environment.
Designers can use these colors to elevate websites, ensuring a seamless blend of functionality and warmth that enhances user engagement. In interior design, this palette can be utilized to create cozy living spaces that inspire relaxation and connection with nature.
Perfect for those looking to convey a rustic or organic style, this palette caters to audiences seeking authenticity and warmth in their projects.
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.959 0.047 198.03) | #cefcfd | hsl(181, 92%, 90%) |
|
|
| 100 | oklch(0.920 0.097 197.20) | #91f9fb | hsl(181, 93%, 78%) |
|
|
| 200 | oklch(0.892 0.132 196.84) | #53f6f9 | hsl(181, 93%, 65%) |
|
|
| 300 | oklch(0.875 0.147 196.96) | #16f3f7 | hsl(181, 93%, 53%) |
|
|
| 400 | oklch(0.741 0.126 196.76) | #07c3c6 | hsl(181, 93%, 40%) |
|
|
| 500 | oklch(0.566 0.095 196.65) | #058789 | hsl(181, 93%, 28%) |
|
|
| 600 | oklch(0.513 0.087 195.84) | #047677 | hsl(181, 93%, 24%) |
|
|
| 700 | oklch(0.457 0.077 197.24) | #046466 | hsl(181, 92%, 21%) |
|
|
| 800 | oklch(0.401 0.067 196.24) | #035354 | hsl(181, 93%, 17%) |
|
|
| 900 | oklch(0.344 0.058 196.54) | #024243 | hsl(181, 94%, 14%) |
|
|
| 950 | oklch(0.281 0.046 197.11) | #023031 | hsl(181, 92%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.011 63.35) | #ece5df | hsl(28, 25%, 90%) |
|
|
| 100 | oklch(0.825 0.028 60.29) | #d4c2b4 | hsl(26, 27%, 77%) |
|
|
| 200 | oklch(0.725 0.045 60.15) | #bca08a | hsl(26, 27%, 64%) |
|
|
| 300 | oklch(0.621 0.063 60.32) | #a37e60 | hsl(27, 27%, 51%) |
|
|
| 400 | oklch(0.502 0.051 59.67) | #7a5d46 | hsl(27, 27%, 38%) |
|
|
| 500 | oklch(0.376 0.036 59.68) | #503d2e | hsl(26, 27%, 25%) |
|
|
| 600 | oklch(0.347 0.031 60.59) | #463629 | hsl(27, 26%, 22%) |
|
|
| 700 | oklch(0.315 0.029 57.70) | #3d2e23 | hsl(25, 27%, 19%) |
|
|
| 800 | oklch(0.284 0.024 58.46) | #33271e | hsl(26, 26%, 16%) |
|
|
| 900 | oklch(0.253 0.021 60.29) | #2a2018 | hsl(27, 27%, 13%) |
|
|
| 950 | oklch(0.220 0.016 62.46) | #201913 | hsl(28, 25%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.035 39.98) | #f9dcd2 | hsl(15, 76%, 90%) |
|
|
| 100 | oklch(0.846 0.069 40.90) | #f5beaa | hsl(16, 79%, 81%) |
|
|
| 200 | oklch(0.778 0.104 40.70) | #f0a083 | hsl(16, 78%, 73%) |
|
|
| 300 | oklch(0.713 0.140 39.78) | #eb815c | hsl(16, 78%, 64%) |
|
|
| 400 | oklch(0.657 0.174 39.00) | #e66335 | hsl(16, 78%, 55%) |
|
|
| 500 | oklch(0.597 0.183 37.78) | #d54b1a | hsl(16, 78%, 47%) |
|
|
| 600 | oklch(0.526 0.159 37.91) | #b33f16 | hsl(16, 78%, 39%) |
|
|
| 700 | oklch(0.455 0.135 37.92) | #923312 | hsl(15, 78%, 32%) |
|
|
| 800 | oklch(0.380 0.108 38.73) | #70280e | hsl(16, 78%, 25%) |
|
|
| 900 | oklch(0.302 0.082 38.89) | #4f1c0a | hsl(16, 78%, 17%) |
|
|
| 950 | oklch(0.216 0.051 40.04) | #2d1006 | hsl(15, 76%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.037 84.59) | #f9ecd2 | hsl(40, 76%, 90%) |
|
|
| 100 | oklch(0.908 0.064 84.00) | #f5deb1 | hsl(40, 77%, 83%) |
|
|
| 200 | oklch(0.870 0.088 83.80) | #f0d091 | hsl(40, 76%, 75%) |
|
|
| 300 | oklch(0.836 0.112 83.70) | #ecc370 | hsl(40, 77%, 68%) |
|
|
| 400 | oklch(0.800 0.131 82.38) | #e7b550 | hsl(40, 76%, 61%) |
|
|
| 500 | oklch(0.766 0.145 79.78) | #e3a72f | hsl(40, 76%, 54%) |
|
|
| 600 | oklch(0.693 0.138 78.36) | #ca901b | hsl(40, 76%, 45%) |
|
|
| 700 | oklch(0.592 0.117 78.52) | #a37416 | hsl(40, 76%, 36%) |
|
|
| 800 | oklch(0.487 0.094 78.72) | #7c5811 | hsl(40, 76%, 28%) |
|
|
| 900 | oklch(0.374 0.071 80.34) | #543c0b | hsl(40, 77%, 19%) |
|
|
| 950 | oklch(0.253 0.044 81.85) | #2d2006 | hsl(40, 76%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.034 101.63) | #f4f1d7 | hsl(54, 57%, 90%) |
|
|
| 100 | oklch(0.950 0.037 102.06) | #f3f0d4 | hsl(54, 56%, 89%) |
|
|
| 200 | oklch(0.947 0.039 102.44) | #f2efd1 | hsl(55, 56%, 88%) |
|
|
| 300 | oklch(0.944 0.041 101.10) | #f2eecf | hsl(53, 57%, 88%) |
|
|
| 400 | oklch(0.941 0.043 101.50) | #f1edcc | hsl(54, 57%, 87%) |
|
|
| 500 | oklch(0.937 0.046 101.87) | #f0ecc9 | hsl(54, 57%, 86%) |
|
|
| 600 | oklch(0.869 0.096 102.95) | #dfd78c | hsl(54, 56%, 71%) |
|
|
| 700 | oklch(0.800 0.135 102.82) | #cec14f | hsl(54, 56%, 56%) |
|
|
| 800 | oklch(0.664 0.123 102.67) | #a2962d | hsl(54, 57%, 41%) |
|
|
| 900 | oklch(0.473 0.085 102.22) | #655d1c | hsl(53, 57%, 25%) |
|
|
| 950 | oklch(0.261 0.042 102.76) | #28250b | hsl(54, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
