Earthy Color Palette
This earthy palette blends deep forest greens and vibrant rust, evoking a harmonious connection to nature with a touch of rustic warmth and organic tranquility.
Practical uses and creative applications
The Earthy Color Palette is a harmonious blend that evokes the tranquility of nature, making it an ideal choice for brands and projects looking to convey authenticity and sustainability. Featuring rich hues like deep green (#006C4A) and warm terracotta (#DB4A14), this palette is perfect for branding in eco-friendly businesses, organic products, and wellness brands.
Designers can leverage its earthy tones to create compelling visuals that resonate with environmentally conscious consumers. In web design, the Earthy Color Palette can be used to craft calming and inviting user experiences.
The soft sage green (#B0CC99) and muted forest hues (#3A4F30, #2F3A24) lend themselves beautifully to outdoor-themed websites, lifestyle blogs, and nature-inspired e-commerce platforms. Interior designers can also utilize this palette to create serene spaces, combining these colors in furnishings, wall treatments, and accessories to promote a sense of grounding and comfort.
Overall, the Earthy Color Palette suits creatives who aim to evoke a natural, organic aesthetic in their work. Whether it’s for packaging design, branding, or interior decor, this palette encourages a connection to the earth and inspires a sense of calm and well-being.
Perfect for designers, artists, and brands alike, it’s a versatile choice for those looking to create authentic and visually appealing projects.
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.960 0.056 173.97) | #ccffef | hsl(161, 100%, 90%) |
|
|
| 100 | oklch(0.919 0.123 170.80) | #86ffd9 | hsl(161, 100%, 76%) |
|
|
| 200 | oklch(0.894 0.170 166.53) | #40ffc3 | hsl(161, 100%, 63%) |
|
|
| 300 | oklch(0.865 0.191 161.51) | #00f8aa | hsl(161, 100%, 49%) |
|
|
| 400 | oklch(0.675 0.148 161.98) | #00b27a | hsl(161, 100%, 35%) |
|
|
| 500 | oklch(0.470 0.102 163.02) | #006c4a | hsl(161, 100%, 21%) |
|
|
| 600 | oklch(0.436 0.094 162.97) | #006142 | hsl(161, 100%, 19%) |
|
|
| 700 | oklch(0.398 0.085 163.51) | #00553a | hsl(161, 100%, 17%) |
|
|
| 800 | oklch(0.362 0.077 164.47) | #004a33 | hsl(161, 100%, 15%) |
|
|
| 900 | oklch(0.322 0.067 165.46) | #003e2b | hsl(162, 100%, 12%) |
|
|
| 950 | oklch(0.285 0.059 165.81) | #003323 | hsl(161, 100%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.025 129.90) | #e5eedd | hsl(92, 33%, 90%) |
|
|
| 100 | oklch(0.912 0.035 130.49) | #dae7cf | hsl(93, 33%, 86%) |
|
|
| 200 | oklch(0.887 0.044 130.29) | #d0e0c2 | hsl(92, 33%, 82%) |
|
|
| 300 | oklch(0.863 0.056 131.17) | #c5dab4 | hsl(93, 34%, 78%) |
|
|
| 400 | oklch(0.837 0.065 131.04) | #bbd3a7 | hsl(93, 33%, 74%) |
|
|
| 500 | oklch(0.811 0.076 131.34) | #b0cc99 | hsl(93, 33%, 70%) |
|
|
| 600 | oklch(0.736 0.107 132.19) | #90b870 | hsl(93, 34%, 58%) |
|
|
| 700 | oklch(0.643 0.117 132.59) | #719c4e | hsl(93, 33%, 46%) |
|
|
| 800 | oklch(0.520 0.092 132.53) | #54743a | hsl(93, 33%, 34%) |
|
|
| 900 | oklch(0.385 0.066 132.45) | #364b25 | hsl(93, 34%, 22%) |
|
|
| 950 | oklch(0.238 0.033 131.24) | #192211 | hsl(92, 33%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.038 42.36) | #fbdcd0 | hsl(17, 84%, 90%) |
|
|
| 100 | oklch(0.846 0.073 40.80) | #f7bda8 | hsl(16, 83%, 81%) |
|
|
| 200 | oklch(0.779 0.110 41.01) | #f39f80 | hsl(16, 83%, 73%) |
|
|
| 300 | oklch(0.719 0.148 41.01) | #f08157 | hsl(16, 84%, 64%) |
|
|
| 400 | oklch(0.664 0.182 39.34) | #ec622f | hsl(16, 83%, 55%) |
|
|
| 500 | oklch(0.606 0.190 37.73) | #db4a14 | hsl(16, 83%, 47%) |
|
|
| 600 | oklch(0.535 0.167 37.73) | #b93e11 | hsl(16, 83%, 40%) |
|
|
| 700 | oklch(0.461 0.140 38.29) | #96330e | hsl(16, 83%, 32%) |
|
|
| 800 | oklch(0.385 0.115 38.35) | #74270b | hsl(16, 83%, 25%) |
|
|
| 900 | oklch(0.303 0.086 39.20) | #511b07 | hsl(16, 84%, 17%) |
|
|
| 950 | oklch(0.220 0.056 42.31) | #2f1004 | hsl(17, 84%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.020 135.83) | #e3ecdf | hsl(102, 25%, 90%) |
|
|
| 100 | oklch(0.844 0.045 135.88) | #bfd3b6 | hsl(101, 25%, 77%) |
|
|
| 200 | oklch(0.754 0.071 136.05) | #9bba8d | hsl(101, 25%, 64%) |
|
|
| 300 | oklch(0.660 0.097 135.87) | #77a063 | hsl(100, 24%, 51%) |
|
|
| 400 | oklch(0.535 0.079 136.13) | #587849 | hsl(101, 24%, 38%) |
|
|
| 500 | oklch(0.401 0.056 135.98) | #3a4f30 | hsl(101, 24%, 25%) |
|
|
| 600 | oklch(0.370 0.052 136.01) | #33462a | hsl(101, 25%, 22%) |
|
|
| 700 | oklch(0.335 0.044 136.47) | #2c3c25 | hsl(102, 24%, 19%) |
|
|
| 800 | oklch(0.302 0.040 136.59) | #25331f | hsl(102, 24%, 16%) |
|
|
| 900 | oklch(0.265 0.033 136.17) | #1e2919 | hsl(101, 24%, 13%) |
|
|
| 950 | oklch(0.230 0.028 136.29) | #172013 | hsl(102, 25%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.016 126.83) | #e6ebe0 | hsl(87, 22%, 90%) |
|
|
| 100 | oklch(0.838 0.044 129.06) | #c1d0b2 | hsl(90, 24%, 76%) |
|
|
| 200 | oklch(0.740 0.070 129.19) | #9db485 | hsl(89, 24%, 61%) |
|
|
| 300 | oklch(0.631 0.086 130.15) | #78945c | hsl(90, 23%, 47%) |
|
|
| 400 | oklch(0.487 0.063 129.62) | #546740 | hsl(89, 23%, 33%) |
|
|
| 500 | oklch(0.332 0.040 129.92) | #2f3a24 | hsl(90, 23%, 18%) |
|
|
| 600 | oklch(0.313 0.037 129.89) | #2b3521 | hsl(90, 23%, 17%) |
|
|
| 700 | oklch(0.291 0.034 129.87) | #262f1d | hsl(90, 24%, 15%) |
|
|
| 800 | oklch(0.272 0.031 129.82) | #222a1a | hsl(90, 24%, 13%) |
|
|
| 900 | oklch(0.253 0.027 129.75) | #1e2517 | hsl(90, 23%, 12%) |
|
|
| 950 | oklch(0.230 0.022 127.88) | #1a1f14 | hsl(87, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
