Warm Earthy Color Palette
This palette radiates a warm, earthy vibe with rich golden yellows and deep browns, evoking a cozy, rustic charm reminiscent of autumn leaves and sun-kissed fields.
Practical uses and creative applications
The Warm Earthy Color Palette is a captivating blend of rich, natural hues that evokes a sense of warmth and comfort. Featuring colors like #c39738, a warm golden amber, and #7f4311, a deep, earthy brown, this palette is perfect for branding and web design that aims to connect with audiences on a deeper, emotional level.
Ideal for businesses in the organic, wellness, or eco-friendly sectors, these colors not only enhance visual appeal but also convey a message of authenticity and sustainability. In packaging design, the Warm Earthy Color Palette can create an inviting aesthetic that encourages consumers to feel good about their purchase choices.
Designers and creatives can utilize these colors in interior design projects, where they can help create cozy, inviting spaces that foster relaxation and connection. Whether you're crafting an artisanal brand or curating a serene home environment, this palette offers versatility and warmth that suits a variety of styles, from rustic to modern minimalist.
Embrace the earthiness and let your designs resonate with natural beauty!.
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.942 0.028 86.65) | #f4ebd7 | hsl(41, 57%, 90%) |
|
|
100 | oklch(0.892 0.049 86.34) | #eadab7 | hsl(41, 55%, 82%) |
|
|
200 | oklch(0.846 0.071 86.48) | #e1ca97 | hsl(41, 55%, 74%) |
|
|
300 | oklch(0.798 0.093 85.55) | #d8b976 | hsl(41, 56%, 65%) |
|
|
400 | oklch(0.749 0.110 84.68) | #cea856 | hsl(41, 55%, 57%) |
|
|
500 | oklch(0.701 0.122 83.21) | #c39738 | hsl(41, 55%, 49%) |
|
|
600 | oklch(0.617 0.106 83.36) | #a47f2f | hsl(41, 55%, 41%) |
|
|
700 | oklch(0.531 0.090 83.58) | #856726 | hsl(41, 56%, 34%) |
|
|
800 | oklch(0.441 0.073 83.89) | #664f1d | hsl(41, 56%, 26%) |
|
|
900 | oklch(0.346 0.055 84.40) | #473714 | hsl(41, 56%, 18%) |
|
|
950 | oklch(0.245 0.035 85.39) | #281f0b | hsl(41, 57%, 10%) |
|
dsfds
50 | oklch(0.988 0.065 107.54) | #ffffcc | hsl(60, 100%, 90%) |
|
|
100 | oklch(0.985 0.079 107.76) | #ffffc1 | hsl(60, 100%, 88%) |
|
|
200 | oklch(0.983 0.092 107.98) | #ffffb6 | hsl(60, 100%, 86%) |
|
|
300 | oklch(0.981 0.104 108.16) | #ffffac | hsl(60, 100%, 84%) |
|
|
400 | oklch(0.980 0.116 108.36) | #ffffa1 | hsl(60, 100%, 82%) |
|
|
500 | oklch(0.978 0.128 108.54) | #ffff96 | hsl(60, 100%, 79%) |
|
|
600 | oklch(0.971 0.187 109.43) | #ffff4f | hsl(60, 100%, 65%) |
|
|
700 | oklch(0.968 0.210 109.76) | #ffff08 | hsl(60, 100%, 52%) |
|
|
800 | oklch(0.785 0.171 109.77) | #c1c100 | hsl(60, 100%, 38%) |
|
|
900 | oklch(0.561 0.122 109.77) | #7a7a00 | hsl(60, 100%, 24%) |
|
|
950 | oklch(0.311 0.068 109.77) | #333300 | hsl(60, 100%, 10%) |
|
dsfds
50 | oklch(0.931 0.033 63.03) | #f9e4d2 | hsl(28, 76%, 90%) |
|
|
100 | oklch(0.847 0.076 61.31) | #f2c29a | hsl(27, 77%, 78%) |
|
|
200 | oklch(0.766 0.117 59.25) | #eaa063 | hsl(27, 76%, 65%) |
|
|
300 | oklch(0.694 0.154 55.45) | #e37f2b | hsl(27, 77%, 53%) |
|
|
400 | oklch(0.581 0.137 53.71) | #b76018 | hsl(27, 77%, 41%) |
|
|
500 | oklch(0.449 0.102 54.75) | #7f4311 | hsl(27, 76%, 28%) |
|
|
600 | oklch(0.408 0.092 54.43) | #6f3a0f | hsl(27, 76%, 25%) |
|
|
700 | oklch(0.367 0.080 55.86) | #5e320d | hsl(27, 76%, 21%) |
|
|
800 | oklch(0.324 0.069 56.06) | #4e290a | hsl(27, 77%, 17%) |
|
|
900 | oklch(0.278 0.057 56.65) | #3d2008 | hsl(27, 77%, 14%) |
|
|
950 | oklch(0.234 0.045 59.16) | #2d1806 | hsl(28, 76%, 10%) |
|
dsfds
50 | oklch(0.938 0.028 79.47) | #f5e9d6 | hsl(37, 61%, 90%) |
|
|
100 | oklch(0.855 0.065 78.34) | #e7cba0 | hsl(36, 60%, 77%) |
|
|
200 | oklch(0.775 0.100 77.93) | #d9ae6a | hsl(37, 59%, 63%) |
|
|
300 | oklch(0.695 0.127 74.40) | #cb9034 | hsl(37, 59%, 50%) |
|
|
400 | oklch(0.555 0.099 75.76) | #946a26 | hsl(37, 59%, 36%) |
|
|
500 | oklch(0.404 0.069 75.92) | #5e4318 | hsl(37, 59%, 23%) |
|
|
600 | oklch(0.371 0.063 75.92) | #533b15 | hsl(37, 60%, 20%) |
|
|
700 | oklch(0.342 0.056 76.04) | #493413 | hsl(37, 59%, 18%) |
|
|
800 | oklch(0.308 0.050 76.01) | #3e2c10 | hsl(37, 59%, 15%) |
|
|
900 | oklch(0.275 0.043 78.82) | #33250d | hsl(38, 59%, 13%) |
|
|
950 | oklch(0.241 0.036 77.06) | #291d0a | hsl(37, 61%, 10%) |
|
dsfds
50 | oklch(0.944 0.045 74.78) | #ffe9cc | hsl(34, 100%, 90%) |
|
|
100 | oklch(0.864 0.113 73.82) | #ffc77b | hsl(35, 100%, 74%) |
|
|
200 | oklch(0.792 0.163 67.54) | #ffa42a | hsl(34, 100%, 58%) |
|
|
300 | oklch(0.673 0.155 61.79) | #d87c00 | hsl(34, 100%, 42%) |
|
|
400 | oklch(0.480 0.109 64.10) | #874e00 | hsl(35, 100%, 26%) |
|
|
500 | oklch(0.263 0.057 70.17) | #361f00 | hsl(34, 100%, 11%) |
|
|
600 | oklch(0.262 0.056 71.55) | #351f00 | hsl(35, 100%, 10%) |
|
|
700 | oklch(0.259 0.056 69.47) | #351e00 | hsl(34, 100%, 10%) |
|
|
800 | oklch(0.258 0.056 70.86) | #341e00 | hsl(35, 100%, 10%) |
|
|
900 | oklch(0.258 0.056 70.86) | #341e00 | hsl(35, 100%, 10%) |
|
|
950 | oklch(0.254 0.055 70.14) | #331d00 | hsl(34, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.