Warm Earthy Color Palette
This palette radiates a warm, earthy harmony with vibrant coral, sun-kissed terracotta, muted gold, soft olive, and refreshing sage, evoking a cozy, bohemian retreat.
Practical uses and creative applications
The Warm Earthy Color Palette is a rich collection of hues that evoke the comforting tones of nature, making it an ideal choice for designers seeking to create a welcoming atmosphere. Comprising warm coral #f06d61, earthy terracotta #da825f, muted olive #c4975c, soft sage #a8ab7b, and tranquil teal #8cbf99, this palette is perfect for branding projects that aim to convey authenticity and warmth.
Whether it’s for a sustainable product line, a cozy café, or an eco-friendly lifestyle brand, these colors resonate with audiences looking for a connection to nature. In web design, the Warm Earthy Color Palette can enhance user experience by promoting a sense of calm and reliability.
Designers can utilize these colors to create inviting websites that draw users in, making them ideal for wellness blogs, outdoor adventure sites, or artisanal shops. Additionally, this palette works beautifully in interior design, offering a serene backdrop for homes, restaurants, or boutique hotels.
With its versatile and uplifting aesthetic, the palette is especially suited for creatives and brands focused on sustainability, organic products, or holistic living, ensuring their visual identity reflects their core values.
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.902 0.044 24.90) | #fbd4d0 | hsl(6, 84%, 90%) |
|
|
| 100 | oklch(0.854 0.066 24.30) | #f8bfba | hsl(5, 82%, 85%) |
|
|
| 200 | oklch(0.811 0.090 25.15) | #f6aba4 | hsl(5, 82%, 80%) |
|
|
| 300 | oklch(0.768 0.115 25.30) | #f4968e | hsl(5, 82%, 76%) |
|
|
| 400 | oklch(0.728 0.139 26.85) | #f28277 | hsl(5, 83%, 71%) |
|
|
| 500 | oklch(0.691 0.164 27.42) | #f06d61 | hsl(5, 83%, 66%) |
|
|
| 600 | oklch(0.621 0.213 29.65) | #eb3d2d | hsl(5, 83%, 55%) |
|
|
| 700 | oklch(0.543 0.204 30.16) | #cb2313 | hsl(5, 83%, 44%) |
|
|
| 800 | oklch(0.438 0.162 30.14) | #971a0e | hsl(5, 83%, 32%) |
|
|
| 900 | oklch(0.327 0.116 30.05) | #631109 | hsl(5, 83%, 21%) |
|
|
| 950 | oklch(0.206 0.065 31.05) | #2f0804 | hsl(6, 84%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.027 43.65) | #f5dfd6 | hsl(17, 61%, 90%) |
|
|
| 100 | oklch(0.872 0.045 42.40) | #f0ccbe | hsl(17, 63%, 84%) |
|
|
| 200 | oklch(0.827 0.062 43.75) | #eabaa6 | hsl(18, 62%, 78%) |
|
|
| 300 | oklch(0.781 0.082 42.90) | #e5a78e | hsl(17, 63%, 73%) |
|
|
| 400 | oklch(0.737 0.099 42.84) | #df9577 | hsl(17, 62%, 67%) |
|
|
| 500 | oklch(0.693 0.119 42.20) | #da825f | hsl(17, 62%, 61%) |
|
|
| 600 | oklch(0.621 0.153 41.36) | #d06134 | hsl(17, 62%, 51%) |
|
|
| 700 | oklch(0.530 0.132 40.98) | #a94c27 | hsl(17, 63%, 41%) |
|
|
| 800 | oklch(0.433 0.105 41.23) | #7f391d | hsl(17, 63%, 31%) |
|
|
| 900 | oklch(0.329 0.075 42.07) | #542613 | hsl(18, 63%, 20%) |
|
|
| 950 | oklch(0.216 0.040 42.58) | #29130a | hsl(17, 61%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.020 74.66) | #f1e7da | hsl(34, 45%, 90%) |
|
|
| 100 | oklch(0.887 0.036 75.52) | #e8d7c0 | hsl(35, 47%, 83%) |
|
|
| 200 | oklch(0.842 0.051 74.93) | #dfc7a7 | hsl(34, 47%, 76%) |
|
|
| 300 | oklch(0.796 0.065 74.39) | #d6b78e | hsl(34, 47%, 70%) |
|
|
| 400 | oklch(0.751 0.080 73.74) | #cda775 | hsl(34, 47%, 63%) |
|
|
| 500 | oklch(0.706 0.094 72.83) | #c4975c | hsl(34, 47%, 56%) |
|
|
| 600 | oklch(0.636 0.101 71.49) | #b18040 | hsl(34, 47%, 47%) |
|
|
| 700 | oklch(0.543 0.085 72.18) | #8e6733 | hsl(34, 47%, 38%) |
|
|
| 800 | oklch(0.444 0.067 71.07) | #6b4d27 | hsl(34, 47%, 29%) |
|
|
| 900 | oklch(0.341 0.049 72.15) | #48341a | hsl(34, 47%, 19%) |
|
|
| 950 | oklch(0.231 0.028 73.03) | #251b0e | hsl(34, 45%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.015 110.89) | #eaebe0 | hsl(65, 22%, 90%) |
|
|
| 100 | oklch(0.895 0.024 109.46) | #dddecc | hsl(63, 21%, 84%) |
|
|
| 200 | oklch(0.855 0.035 110.71) | #d0d2b8 | hsl(65, 22%, 77%) |
|
|
| 300 | oklch(0.813 0.046 110.15) | #c3c5a3 | hsl(64, 23%, 71%) |
|
|
| 400 | oklch(0.770 0.056 111.10) | #b5b88f | hsl(64, 22%, 64%) |
|
|
| 500 | oklch(0.727 0.066 110.92) | #a8ab7b | hsl(64, 22%, 58%) |
|
|
| 600 | oklch(0.657 0.076 110.97) | #93965f | hsl(63, 22%, 48%) |
|
|
| 700 | oklch(0.560 0.062 110.50) | #76784d | hsl(63, 22%, 39%) |
|
|
| 800 | oklch(0.460 0.050 111.14) | #595b3a | hsl(64, 22%, 29%) |
|
|
| 900 | oklch(0.352 0.036 112.47) | #3b3d27 | hsl(65, 22%, 20%) |
|
|
| 950 | oklch(0.234 0.020 112.17) | #1e1f14 | hsl(65, 22%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.022 154.11) | #deede2 | hsl(136, 29%, 90%) |
|
|
| 100 | oklch(0.898 0.033 152.41) | #cee4d3 | hsl(134, 29%, 85%) |
|
|
| 200 | oklch(0.861 0.042 153.98) | #bddac5 | hsl(137, 28%, 80%) |
|
|
| 300 | oklch(0.827 0.054 152.72) | #add1b6 | hsl(135, 28%, 75%) |
|
|
| 400 | oklch(0.792 0.065 153.20) | #9cc8a8 | hsl(136, 29%, 70%) |
|
|
| 500 | oklch(0.758 0.076 152.18) | #8cbf99 | hsl(135, 28%, 65%) |
|
|
| 600 | oklch(0.683 0.101 151.10) | #68ab79 | hsl(135, 29%, 54%) |
|
|
| 700 | oklch(0.588 0.097 150.67) | #4e8d5e | hsl(135, 29%, 43%) |
|
|
| 800 | oklch(0.477 0.077 150.83) | #3a6946 | hsl(135, 29%, 32%) |
|
|
| 900 | oklch(0.359 0.054 151.14) | #26452e | hsl(135, 29%, 21%) |
|
|
| 950 | oklch(0.230 0.030 151.96) | #122116 | hsl(136, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
