Warm Earthy Color Palette
This palette exudes a warm, earthy sophistication with golden ochre and muted taupe harmonizing with deep teal and a rich navy, creating a serene and grounded atmosphere perfect for cozy yet elegant spaces.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of natural tones that evoke a sense of grounding and tranquility. Comprising soft yellows, muted browns, and deep greens, this palette is ideal for branding and web design that aims to create a welcoming and organic feel.
Designers can leverage these colors to craft logos, websites, and marketing materials that resonate with eco-conscious audiences or businesses focused on wellness, sustainability, and organic products. This color palette is also perfect for packaging design, where it can subtly communicate the essence of a brand rooted in nature.
The earthy tones can enhance product visibility while appealing to consumers seeking authenticity and a connection to the environment. Interior designers can utilize the Warm Earthy Color Palette to create cozy, inviting spaces that promote relaxation and comfort, making it ideal for homes, cafes, and wellness centers.
Whether you’re a graphic designer, a brand strategist, or a creative looking to evoke warmth and stability, this palette offers versatile options to enhance any project.
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.944 0.033 83.71) | #f7ebd4 | hsl(39, 69%, 90%) |
|
|
| 100 | oklch(0.916 0.049 83.34) | #f3e1bf | hsl(39, 68%, 85%) |
|
|
| 200 | oklch(0.888 0.064 83.06) | #efd7aa | hsl(39, 68%, 80%) |
|
|
| 300 | oklch(0.862 0.081 84.24) | #ebce94 | hsl(40, 69%, 75%) |
|
|
| 400 | oklch(0.835 0.096 83.58) | #e7c47f | hsl(40, 68%, 70%) |
|
|
| 500 | oklch(0.809 0.109 82.82) | #e3ba6a | hsl(40, 68%, 65%) |
|
|
| 600 | oklch(0.751 0.134 80.36) | #daa43b | hsl(40, 68%, 54%) |
|
|
| 700 | oklch(0.654 0.125 78.85) | #b98623 | hsl(40, 68%, 43%) |
|
|
| 800 | oklch(0.530 0.099 79.33) | #8a641a | hsl(40, 68%, 32%) |
|
|
| 900 | oklch(0.396 0.072 81.24) | #5a4211 | hsl(40, 68%, 21%) |
|
|
| 950 | oklch(0.248 0.041 81.27) | #2b1f08 | hsl(39, 69%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.018 81.33) | #efe8dc | hsl(38, 37%, 90%) |
|
|
| 100 | oklch(0.892 0.028 81.47) | #e5dac7 | hsl(38, 37%, 84%) |
|
|
| 200 | oklch(0.852 0.039 79.99) | #dcccb2 | hsl(37, 38%, 78%) |
|
|
| 300 | oklch(0.812 0.049 81.43) | #d2bf9e | hsl(38, 37%, 72%) |
|
|
| 400 | oklch(0.771 0.061 80.29) | #c9b189 | hsl(38, 37%, 66%) |
|
|
| 500 | oklch(0.729 0.071 80.18) | #bfa374 | hsl(38, 37%, 60%) |
|
|
| 600 | oklch(0.660 0.088 79.38) | #af8c51 | hsl(38, 37%, 50%) |
|
|
| 700 | oklch(0.562 0.073 79.36) | #8c7041 | hsl(38, 37%, 40%) |
|
|
| 800 | oklch(0.459 0.059 79.95) | #695430 | hsl(38, 37%, 30%) |
|
|
| 900 | oklch(0.350 0.042 80.16) | #463820 | hsl(38, 37%, 20%) |
|
|
| 950 | oklch(0.231 0.024 80.57) | #231c10 | hsl(38, 37%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 134.85) | #e5e7e4 | hsl(100, 6%, 90%) |
|
|
| 100 | oklch(0.854 0.008 132.42) | #cdd0cb | hsl(96, 5%, 81%) |
|
|
| 200 | oklch(0.783 0.011 136.57) | #b5bab3 | hsl(103, 5%, 72%) |
|
|
| 300 | oklch(0.708 0.015 134.93) | #9da39a | hsl(100, 5%, 62%) |
|
|
| 400 | oklch(0.632 0.021 137.82) | #848d81 | hsl(105, 5%, 53%) |
|
|
| 500 | oklch(0.552 0.019 137.07) | #6d756a | hsl(104, 5%, 44%) |
|
|
| 600 | oklch(0.491 0.017 138.73) | #5c635a | hsl(107, 5%, 37%) |
|
|
| 700 | oklch(0.427 0.015 137.82) | #4b5149 | hsl(105, 5%, 30%) |
|
|
| 800 | oklch(0.362 0.011 134.99) | #3b3f39 | hsl(100, 5%, 24%) |
|
|
| 900 | oklch(0.293 0.008 137.81) | #2a2d29 | hsl(105, 5%, 17%) |
|
|
| 950 | oklch(0.219 0.006 134.98) | #191b18 | hsl(100, 6%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.008 216.63) | #e1e8ea | hsl(193, 18%, 90%) |
|
|
| 100 | oklch(0.847 0.017 215.47) | #c1d0d4 | hsl(193, 18%, 79%) |
|
|
| 200 | oklch(0.767 0.027 215.19) | #a1b8be | hsl(192, 18%, 69%) |
|
|
| 300 | oklch(0.685 0.036 215.18) | #81a0a8 | hsl(192, 18%, 58%) |
|
|
| 400 | oklch(0.597 0.042 215.33) | #63868f | hsl(192, 18%, 47%) |
|
|
| 500 | oklch(0.499 0.034 215.44) | #4d686f | hsl(192, 18%, 37%) |
|
|
| 600 | oklch(0.448 0.030 215.53) | #42595f | hsl(192, 18%, 32%) |
|
|
| 700 | oklch(0.395 0.025 215.66) | #374a4f | hsl(193, 18%, 26%) |
|
|
| 800 | oklch(0.340 0.021 210.34) | #2b3b3e | hsl(189, 18%, 21%) |
|
|
| 900 | oklch(0.280 0.016 216.22) | #202b2e | hsl(193, 18%, 15%) |
|
|
| 950 | oklch(0.220 0.011 216.98) | #151c1e | hsl(193, 18%, 10%) |
|
dsfds
| 50 | oklch(0.915 0.015 264.49) | #dee3ed | hsl(220, 29%, 90%) |
|
|
| 100 | oklch(0.810 0.033 266.12) | #b7c1d7 | hsl(221, 29%, 78%) |
|
|
| 200 | oklch(0.702 0.053 265.23) | #8f9fc1 | hsl(221, 29%, 66%) |
|
|
| 300 | oklch(0.591 0.075 265.27) | #687dab | hsl(221, 29%, 54%) |
|
|
| 400 | oklch(0.490 0.071 264.01) | #4c6089 | hsl(220, 29%, 42%) |
|
|
| 500 | oklch(0.388 0.053 264.25) | #364461 | hsl(220, 28%, 30%) |
|
|
| 600 | oklch(0.353 0.047 264.39) | #2f3b54 | hsl(221, 28%, 26%) |
|
|
| 700 | oklch(0.318 0.040 264.57) | #283247 | hsl(221, 28%, 22%) |
|
|
| 800 | oklch(0.281 0.034 264.84) | #21293a | hsl(221, 27%, 18%) |
|
|
| 900 | oklch(0.244 0.029 263.81) | #19202e | hsl(220, 30%, 14%) |
|
|
| 950 | oklch(0.204 0.022 263.92) | #121721 | hsl(220, 29%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
