Earthy Color Palette
This earthy palette, dominated by rich greens and deep browns, evokes a serene woodland retreat, blending rustic charm with a touch of sophistication.
Practical uses and creative applications
The Earthy Color Palette offers a harmonious blend of nature-inspired hues that evoke a sense of tranquility and groundedness. Featuring rich greens like #6B8E23 and #556B2F, complemented by deeper shades such as #4B5320, #3C341F, and warm accents of #8B7355, this palette is ideal for brands aiming to convey sustainability and organic qualities.
Designers and creatives will find it particularly appealing for branding projects that emphasize eco-friendliness, as well as packaging for artisanal products that seek to connect with nature-loving consumers. In web design, the Earthy Color Palette is perfect for creating websites that need a natural touch, from wellness blogs to outdoor adventure sites.
Its warm and inviting colors can enhance user experience by fostering a sense of calm and relaxation. Additionally, this palette works beautifully in interior design, especially for spaces aimed at promoting comfort, such as homes, cafes, and wellness centers.
Whether you’re a graphic designer seeking to evoke a rustic charm or an interior decorator wanting to infuse warmth into a space, the Earthy Color Palette is your go-to choice for a stylish and serene aesthetic.
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.
| 50 | oklch(0.955 0.042 121.75) | #ebf5d6 | hsl(79, 61%, 90%) |
|
|
| 100 | oklch(0.906 0.088 122.69) | #d5eaa9 | hsl(79, 61%, 79%) |
|
|
| 200 | oklch(0.858 0.131 124.22) | #bedf7c | hsl(80, 61%, 68%) |
|
|
| 300 | oklch(0.810 0.166 125.24) | #a8d34e | hsl(79, 60%, 57%) |
|
|
| 400 | oklch(0.733 0.170 126.45) | #8dbb2e | hsl(80, 61%, 46%) |
|
|
| 500 | oklch(0.599 0.137 126.32) | #6b8e23 | hsl(80, 60%, 35%) |
|
|
| 600 | oklch(0.538 0.122 126.18) | #5c7a1e | hsl(80, 61%, 30%) |
|
|
| 700 | oklch(0.474 0.106 125.99) | #4d6619 | hsl(79, 61%, 25%) |
|
|
| 800 | oklch(0.405 0.089 125.91) | #3d5114 | hsl(80, 60%, 20%) |
|
|
| 900 | oklch(0.336 0.071 125.56) | #2e3d0f | hsl(80, 61%, 15%) |
|
|
| 950 | oklch(0.263 0.052 124.96) | #1f290a | hsl(79, 61%, 10%) |
|
| 50 | oklch(0.942 0.026 123.43) | #e8efdc | hsl(82, 37%, 90%) |
|
|
| 100 | oklch(0.874 0.061 123.90) | #cdddb1 | hsl(82, 39%, 78%) |
|
|
| 200 | oklch(0.804 0.094 125.08) | #b1ca87 | hsl(82, 39%, 66%) |
|
|
| 300 | oklch(0.737 0.126 126.05) | #96b85c | hsl(82, 39%, 54%) |
|
|
| 400 | oklch(0.628 0.116 126.09) | #779542 | hsl(82, 39%, 42%) |
|
|
| 500 | oklch(0.496 0.090 126.19) | #556b2f | hsl(82, 39%, 30%) |
|
|
| 600 | oklch(0.450 0.080 126.05) | #4a5d29 | hsl(82, 39%, 26%) |
|
|
| 700 | oklch(0.399 0.070 125.92) | #3e4e22 | hsl(82, 39%, 22%) |
|
|
| 800 | oklch(0.350 0.059 125.69) | #33401c | hsl(82, 39%, 18%) |
|
|
| 900 | oklch(0.300 0.048 125.34) | #283216 | hsl(81, 39%, 14%) |
|
|
| 950 | oklch(0.243 0.035 125.43) | #1c2310 | hsl(82, 37%, 10%) |
|
| 50 | oklch(0.949 0.031 114.99) | #edf1da | hsl(70, 45%, 90%) |
|
|
| 100 | oklch(0.881 0.070 115.70) | #d5dea9 | hsl(70, 45%, 77%) |
|
|
| 200 | oklch(0.812 0.109 116.64) | #bdcb77 | hsl(70, 45%, 63%) |
|
|
| 300 | oklch(0.741 0.138 117.19) | #a5b646 | hsl(69, 44%, 49%) |
|
|
| 400 | oklch(0.589 0.108 117.43) | #788533 | hsl(70, 45%, 36%) |
|
|
| 500 | oklch(0.423 0.074 117.12) | #4b5320 | hsl(69, 44%, 23%) |
|
|
| 600 | oklch(0.392 0.068 116.87) | #434a1c | hsl(69, 45%, 20%) |
|
|
| 700 | oklch(0.359 0.061 117.86) | #3a4119 | hsl(71, 44%, 18%) |
|
|
| 800 | oklch(0.323 0.053 116.42) | #323715 | hsl(69, 45%, 15%) |
|
|
| 900 | oklch(0.290 0.046 116.04) | #2a2e12 | hsl(69, 44%, 13%) |
|
|
| 950 | oklch(0.254 0.039 117.42) | #21250e | hsl(70, 45%, 10%) |
|
| 50 | oklch(0.935 0.017 88.00) | #eee9dd | hsl(42, 33%, 90%) |
|
|
| 100 | oklch(0.840 0.041 89.71) | #d5caad | hsl(44, 32%, 76%) |
|
|
| 200 | oklch(0.741 0.065 90.13) | #bbaa7c | hsl(44, 32%, 61%) |
|
|
| 300 | oklch(0.633 0.078 89.22) | #9d8851 | hsl(43, 32%, 47%) |
|
|
| 400 | oklch(0.487 0.058 88.66) | #6d5e38 | hsl(43, 32%, 32%) |
|
|
| 500 | oklch(0.328 0.036 89.45) | #3c341f | hsl(43, 32%, 18%) |
|
|
| 600 | oklch(0.308 0.033 87.59) | #372f1c | hsl(42, 33%, 16%) |
|
|
| 700 | oklch(0.291 0.030 90.83) | #312b1a | hsl(44, 31%, 15%) |
|
|
| 800 | oklch(0.271 0.027 88.64) | #2c2617 | hsl(43, 31%, 13%) |
|
|
| 900 | oklch(0.253 0.025 90.64) | #272214 | hsl(44, 32%, 12%) |
|
|
| 950 | oklch(0.233 0.023 87.90) | #221d11 | hsl(42, 33%, 10%) |
|
| 50 | oklch(0.928 0.011 71.89) | #ece6df | hsl(32, 25%, 90%) |
|
|
| 100 | oklch(0.860 0.022 72.12) | #dacfc2 | hsl(33, 24%, 81%) |
|
|
| 200 | oklch(0.791 0.032 72.09) | #c8b8a5 | hsl(33, 24%, 72%) |
|
|
| 300 | oklch(0.723 0.043 74.27) | #b6a288 | hsl(34, 24%, 62%) |
|
|
| 400 | oklch(0.651 0.054 73.49) | #a48b6b | hsl(34, 24%, 53%) |
|
|
| 500 | oklch(0.571 0.053 72.67) | #8b7355 | hsl(33, 24%, 44%) |
|
|
| 600 | oklch(0.507 0.046 71.36) | #766148 | hsl(33, 24%, 37%) |
|
|
| 700 | oklch(0.439 0.038 71.11) | #604f3b | hsl(32, 24%, 30%) |
|
|
| 800 | oklch(0.373 0.032 72.40) | #4b3e2e | hsl(33, 24%, 24%) |
|
|
| 900 | oklch(0.299 0.024 74.61) | #352c20 | hsl(34, 25%, 17%) |
|
|
| 950 | oklch(0.223 0.016 71.16) | #201a13 | hsl(32, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
