Warm Earthy Color Palette
This warm, earthy palette blends soft olive greens and buttery yellows with gentle coral tones, evoking a cozy, sun-kissed ambiance reminiscent of a tranquil late afternoon in a blooming garden.
Practical uses and creative applications
The Warm Earthy Color Palette features a harmonious blend of soft beige (#bbbb88), muted olive (#ccc68d), warm amber (#eedd99), sandy peach (#eec290), and rich coral (#eeaa88). This palette is ideal for brands looking to convey a sense of comfort and authenticity.
It’s particularly well-suited for organic products, eco-friendly businesses, or any creative project aiming for a grounded, natural aesthetic. Designers can leverage these colors to create engaging branding that resonates with audiences who appreciate sustainability and warmth.
In web design, the Warm Earthy Color Palette can evoke a sense of tranquility and approachability, making it perfect for wellness sites, artisanal shops, or lifestyle blogs focused on nature. The soothing tones work well together to create an inviting user experience, encouraging visitors to explore further.
Additionally, in packaging design, these colors can enhance the appeal of products, drawing in customers with a subtle yet impactful visual story. Whether you're a graphic designer, an interior decorator, or a branding expert, this palette can elevate your projects and connect with your audience on an emotional level.
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.940 0.017 106.73) | #ececdf | hsl(60, 25%, 90%) |
|
|
| 100 | oklch(0.910 0.029 106.97) | #e3e3cd | hsl(60, 28%, 85%) |
|
|
| 200 | oklch(0.878 0.039 107.17) | #d9d9bc | hsl(60, 28%, 79%) |
|
|
| 300 | oklch(0.845 0.048 107.39) | #cfcfab | hsl(60, 27%, 74%) |
|
|
| 400 | oklch(0.812 0.059 107.64) | #c5c599 | hsl(60, 28%, 69%) |
|
|
| 500 | oklch(0.779 0.068 107.89) | #bbbb88 | hsl(60, 27%, 63%) |
|
|
| 600 | oklch(0.713 0.088 108.43) | #a7a765 | hsl(60, 27%, 53%) |
|
|
| 700 | oklch(0.613 0.079 108.53) | #88884e | hsl(60, 27%, 42%) |
|
|
| 800 | oklch(0.499 0.064 108.50) | #66663a | hsl(60, 28%, 31%) |
|
|
| 900 | oklch(0.375 0.045 108.40) | #434326 | hsl(60, 28%, 21%) |
|
|
| 950 | oklch(0.239 0.023 108.03) | #202013 | hsl(60, 25%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.023 101.36) | #efeddc | hsl(54, 37%, 90%) |
|
|
| 100 | oklch(0.920 0.034 103.46) | #e8e6cc | hsl(56, 38%, 85%) |
|
|
| 200 | oklch(0.894 0.045 103.12) | #e1debc | hsl(55, 38%, 81%) |
|
|
| 300 | oklch(0.869 0.054 102.84) | #dad6ad | hsl(55, 38%, 77%) |
|
|
| 400 | oklch(0.843 0.065 102.81) | #d3ce9d | hsl(54, 38%, 72%) |
|
|
| 500 | oklch(0.818 0.075 102.83) | #ccc68d | hsl(54, 38%, 68%) |
|
|
| 600 | oklch(0.753 0.100 103.35) | #bab264 | hsl(54, 38%, 56%) |
|
|
| 700 | oklch(0.660 0.101 103.52) | #9d9546 | hsl(54, 38%, 45%) |
|
|
| 800 | oklch(0.531 0.079 103.39) | #746e34 | hsl(54, 38%, 33%) |
|
|
| 900 | oklch(0.396 0.057 103.26) | #4c4822 | hsl(54, 38%, 22%) |
|
|
| 950 | oklch(0.245 0.029 102.48) | #232110 | hsl(54, 37%, 10%) |
|
dsfds
| 50 | oklch(0.954 0.039 94.29) | #f8f0d3 | hsl(47, 73%, 90%) |
|
|
| 100 | oklch(0.944 0.049 95.87) | #f6edc8 | hsl(48, 72%, 87%) |
|
|
| 200 | oklch(0.932 0.060 95.90) | #f4e9bc | hsl(48, 72%, 85%) |
|
|
| 300 | oklch(0.919 0.070 95.93) | #f2e5b0 | hsl(48, 72%, 82%) |
|
|
| 400 | oklch(0.908 0.079 95.76) | #f0e1a5 | hsl(48, 71%, 79%) |
|
|
| 500 | oklch(0.896 0.088 95.79) | #eedd99 | hsl(48, 71%, 77%) |
|
|
| 600 | oklch(0.840 0.130 95.80) | #e4ca5f | hsl(48, 71%, 63%) |
|
|
| 700 | oklch(0.787 0.153 93.15) | #dbb624 | hsl(48, 72%, 50%) |
|
|
| 800 | oklch(0.626 0.121 94.09) | #a0861b | hsl(48, 71%, 37%) |
|
|
| 900 | oklch(0.454 0.085 94.03) | #665511 | hsl(48, 71%, 23%) |
|
|
| 950 | oklch(0.263 0.045 93.59) | #2c2407 | hsl(47, 73%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.032 71.90) | #f8e7d3 | hsl(32, 73%, 90%) |
|
|
| 100 | oklch(0.916 0.043 70.67) | #f6dfc5 | hsl(32, 73%, 87%) |
|
|
| 200 | oklch(0.897 0.053 70.80) | #f4d8b8 | hsl(32, 73%, 84%) |
|
|
| 300 | oklch(0.879 0.062 70.82) | #f2d1ab | hsl(32, 73%, 81%) |
|
|
| 400 | oklch(0.859 0.073 70.00) | #f0c99d | hsl(32, 73%, 78%) |
|
|
| 500 | oklch(0.841 0.082 69.92) | #eec290 | hsl(32, 73%, 75%) |
|
|
| 600 | oklch(0.762 0.121 67.28) | #e5a257 | hsl(32, 73%, 62%) |
|
|
| 700 | oklch(0.686 0.146 63.08) | #d88321 | hsl(32, 73%, 49%) |
|
|
| 800 | oklch(0.548 0.115 63.34) | #9f6018 | hsl(32, 74%, 36%) |
|
|
| 900 | oklch(0.401 0.081 63.38) | #663d10 | hsl(31, 73%, 23%) |
|
|
| 950 | oklch(0.239 0.042 68.10) | #2c1b07 | hsl(32, 73%, 10%) |
|
dsfds
| 50 | oklch(0.921 0.034 48.33) | #f9dfd2 | hsl(20, 76%, 90%) |
|
|
| 100 | oklch(0.897 0.045 48.20) | #f7d5c4 | hsl(20, 76%, 87%) |
|
|
| 200 | oklch(0.870 0.056 48.06) | #f4cab5 | hsl(20, 74%, 83%) |
|
|
| 300 | oklch(0.844 0.068 47.42) | #f2bfa6 | hsl(20, 75%, 80%) |
|
|
| 400 | oklch(0.820 0.080 48.12) | #f0b597 | hsl(20, 75%, 77%) |
|
|
| 500 | oklch(0.795 0.093 47.51) | #eeaa88 | hsl(20, 75%, 73%) |
|
|
| 600 | oklch(0.706 0.140 46.53) | #e6824f | hsl(20, 75%, 61%) |
|
|
| 700 | oklch(0.621 0.169 43.12) | #d65c1f | hsl(20, 75%, 48%) |
|
|
| 800 | oklch(0.499 0.132 43.53) | #9e4417 | hsl(20, 75%, 35%) |
|
|
| 900 | oklch(0.365 0.093 44.12) | #652b0e | hsl(20, 76%, 23%) |
|
|
| 950 | oklch(0.223 0.048 46.42) | #2d1306 | hsl(20, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
