Warm Earthy Color Palette
This palette exudes a warm, earthy charm with rich terracotta, golden ochre, soft olive green, muted mauve, and deep plum, evoking a cozy, autumnal aesthetic that feels both inviting and sophisticated.
Practical uses and creative applications
The Warm Earthy Color Palette is a stunning collection that embodies the rich tones of nature, featuring shades like #c2412d, #d1aa34, #a7a844, #a46583, and #5a1e4a. This palette is perfect for brands looking to evoke a sense of warmth and authenticity, making it ideal for businesses in the organic food, wellness, and eco-friendly sectors.
The earthy hues work harmoniously together, providing a grounded aesthetic that resonates with consumers seeking comfort and connection to nature. In web design and packaging, the Warm Earthy Color Palette can create inviting and memorable experiences for users.
Designers can leverage these colors to craft engaging websites that draw in audiences with their organic appeal, or develop packaging that stands out on the shelves while communicating sustainability. Interiors can also benefit from this palette, as it sets a cozy and tranquil mood, perfect for spaces like cafes, wellness centers, or homes looking for a touch of natural elegance.
This palette is especially suited for creatives and designers who appreciate the beauty of nature-inspired aesthetics. Whether you're designing a logo, creating marketing materials, or reimagining a space, the Warm Earthy Color Palette offers versatility and a timeless quality that can enhance any project.
Embrace these colors to cultivate a sense of warmth and nurture connections with your audience.
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.909 0.031 27.76) | #f5dad6 | hsl(8, 61%, 90%) |
|
|
100 | oklch(0.832 0.060 28.67) | #edbab2 | hsl(8, 62%, 81%) |
|
|
200 | oklch(0.757 0.092 29.40) | #e59a8e | hsl(8, 63%, 73%) |
|
|
300 | oklch(0.686 0.126 30.29) | #dd7a6a | hsl(8, 63%, 64%) |
|
|
400 | oklch(0.619 0.158 30.98) | #d45a47 | hsl(8, 62%, 55%) |
|
|
500 | oklch(0.556 0.168 31.51) | #c2412d | hsl(8, 62%, 47%) |
|
|
600 | oklch(0.491 0.146 31.55) | #a33726 | hsl(8, 62%, 39%) |
|
|
700 | oklch(0.425 0.124 31.55) | #852d1f | hsl(8, 62%, 32%) |
|
|
800 | oklch(0.354 0.100 30.94) | #662218 | hsl(8, 62%, 25%) |
|
|
900 | oklch(0.283 0.075 30.66) | #481811 | hsl(8, 62%, 17%) |
|
|
950 | oklch(0.206 0.046 30.16) | #290e0a | hsl(8, 61%, 10%) |
|
dsfds
50 | oklch(0.949 0.034 92.27) | #f6eed5 | hsl(45, 65%, 90%) |
|
|
100 | oklch(0.907 0.058 92.15) | #eee0b5 | hsl(45, 63%, 82%) |
|
|
200 | oklch(0.869 0.083 92.30) | #e7d395 | hsl(45, 63%, 75%) |
|
|
300 | oklch(0.829 0.104 91.34) | #e0c575 | hsl(45, 63%, 67%) |
|
|
400 | oklch(0.791 0.124 91.58) | #d8b854 | hsl(45, 63%, 59%) |
|
|
500 | oklch(0.753 0.137 89.68) | #d1aa34 | hsl(45, 63%, 51%) |
|
|
600 | oklch(0.668 0.123 89.11) | #b39028 | hsl(45, 63%, 43%) |
|
|
700 | oklch(0.573 0.104 90.22) | #907521 | hsl(45, 63%, 35%) |
|
|
800 | oklch(0.473 0.085 90.06) | #6e5919 | hsl(45, 63%, 26%) |
|
|
900 | oklch(0.367 0.064 89.71) | #4c3d11 | hsl(45, 63%, 18%) |
|
|
950 | oklch(0.255 0.041 91.48) | #2a2209 | hsl(45, 65%, 10%) |
|
dsfds
50 | oklch(0.950 0.028 106.92) | #f0f0db | hsl(60, 41%, 90%) |
|
|
100 | oklch(0.906 0.053 107.41) | #e3e3bb | hsl(60, 42%, 81%) |
|
|
200 | oklch(0.864 0.078 108.73) | #d6d79b | hsl(61, 43%, 73%) |
|
|
300 | oklch(0.820 0.101 109.07) | #c9ca7b | hsl(61, 43%, 64%) |
|
|
400 | oklch(0.777 0.120 109.44) | #bcbd5c | hsl(61, 42%, 55%) |
|
|
500 | oklch(0.711 0.123 109.69) | #a7a844 | hsl(61, 42%, 46%) |
|
|
600 | oklch(0.628 0.108 109.76) | #8d8e39 | hsl(61, 43%, 39%) |
|
|
700 | oklch(0.541 0.090 109.07) | #73732f | hsl(60, 42%, 32%) |
|
|
800 | oklch(0.451 0.074 110.03) | #585924 | hsl(61, 42%, 25%) |
|
|
900 | oklch(0.357 0.057 110.33) | #3e3f19 | hsl(62, 43%, 17%) |
|
|
950 | oklch(0.254 0.035 108.67) | #24240f | hsl(60, 41%, 10%) |
|
dsfds
50 | oklch(0.916 0.016 347.66) | #ecdfe5 | hsl(332, 25%, 90%) |
|
|
100 | oklch(0.852 0.030 347.19) | #dec7d2 | hsl(331, 26%, 83%) |
|
|
200 | oklch(0.784 0.044 347.36) | #cfaebe | hsl(331, 26%, 75%) |
|
|
300 | oklch(0.719 0.058 349.05) | #c196aa | hsl(332, 26%, 67%) |
|
|
400 | oklch(0.651 0.074 348.45) | #b27d97 | hsl(331, 26%, 59%) |
|
|
500 | oklch(0.585 0.090 350.22) | #a46583 | hsl(331, 26%, 52%) |
|
|
600 | oklch(0.516 0.084 350.58) | #8c536e | hsl(332, 26%, 44%) |
|
|
700 | oklch(0.444 0.070 350.21) | #714359 | hsl(331, 26%, 35%) |
|
|
800 | oklch(0.369 0.056 351.24) | #563343 | hsl(333, 26%, 27%) |
|
|
900 | oklch(0.291 0.040 350.89) | #3b232e | hsl(333, 26%, 18%) |
|
|
950 | oklch(0.207 0.024 350.12) | #201319 | hsl(332, 25%, 10%) |
|
dsfds
50 | oklch(0.911 0.036 335.76) | #f2d9eb | hsl(317, 49%, 90%) |
|
|
100 | oklch(0.793 0.089 336.57) | #e1a6d1 | hsl(316, 50%, 77%) |
|
|
200 | oklch(0.681 0.143 338.02) | #d073b7 | hsl(316, 50%, 63%) |
|
|
300 | oklch(0.581 0.190 340.11) | #bf409d | hsl(316, 50%, 50%) |
|
|
400 | oklch(0.467 0.150 339.86) | #8d2f74 | hsl(316, 50%, 37%) |
|
|
500 | oklch(0.344 0.105 339.56) | #5a1e4a | hsl(316, 50%, 24%) |
|
|
600 | oklch(0.318 0.094 340.23) | #501b41 | hsl(317, 50%, 21%) |
|
|
700 | oklch(0.290 0.085 339.03) | #451739 | hsl(316, 50%, 18%) |
|
|
800 | oklch(0.264 0.073 339.85) | #3b1430 | hsl(317, 49%, 15%) |
|
|
900 | oklch(0.236 0.064 339.28) | #311028 | hsl(316, 51%, 13%) |
|
|
950 | oklch(0.206 0.051 339.17) | #260d1f | hsl(317, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.