Earthy Tranquil Color Palette
This earthy palette blends muted mauves, soft greens, and deep forest tones, evoking a tranquil, rustic vibe that feels both grounded and serene, perfect for a cozy retreat in nature.
Practical uses and creative applications
The Earthy Tranquil Color Palette is a harmonious blend of muted greens and soft browns, featuring shades like #9D8189, #B0CC99, #677E52, #3A4F30, and #2F3A24. This palette is perfect for designers seeking to create an atmosphere of calm and serenity.
Ideal for branding projects that target eco-conscious consumers or wellness brands, these colors evoke a sense of grounding and connection to nature, making them suitable for packaging organic products, beauty lines, or sustainable lifestyle goods. In web design, the Earthy Tranquil Color Palette can enhance user experience by promoting a soothing interface that encourages exploration and relaxation.
Whether you're crafting a blog about mindfulness or an online store for artisanal goods, these earthy tones lend an inviting feel that resonates with audiences seeking authenticity and warmth. Interior designers can also leverage this palette to create tranquil spaces that promote relaxation, perfect for spas, yoga studios, or cozy living areas.
Overall, this palette is an excellent choice for creatives looking to infuse their projects with a touch of nature-inspired tranquility.
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.919 0.008 357.81) | #e9e2e4 | hsl(343, 14%, 90%) |
|
|
| 100 | oklch(0.864 0.013 358.81) | #dacfd2 | hsl(344, 13%, 83%) |
|
|
| 200 | oklch(0.806 0.018 355.23) | #cabbc0 | hsl(340, 12%, 76%) |
|
|
| 300 | oklch(0.749 0.023 359.87) | #bba8ad | hsl(344, 12%, 70%) |
|
|
| 400 | oklch(0.690 0.030 358.41) | #ac949b | hsl(343, 13%, 63%) |
|
|
| 500 | oklch(0.632 0.036 359.15) | #9d8189 | hsl(343, 13%, 56%) |
|
|
| 600 | oklch(0.552 0.039 0.12) | #866971 | hsl(343, 12%, 47%) |
|
|
| 700 | oklch(0.473 0.033 359.14) | #6c545b | hsl(343, 13%, 38%) |
|
|
| 800 | oklch(0.390 0.028 357.66) | #523f45 | hsl(341, 13%, 28%) |
|
|
| 900 | oklch(0.304 0.018 1.52) | #372b2e | hsl(345, 12%, 19%) |
|
|
| 950 | oklch(0.210 0.012 359.14) | #1d1618 | hsl(343, 14%, 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.932 0.016 130.42) | #e5ebe0 | hsl(93, 22%, 90%) |
|
|
| 100 | oklch(0.865 0.031 129.78) | #ccd7c2 | hsl(91, 21%, 80%) |
|
|
| 200 | oklch(0.796 0.047 129.14) | #b3c3a3 | hsl(90, 21%, 70%) |
|
|
| 300 | oklch(0.728 0.065 130.79) | #99b085 | hsl(92, 21%, 61%) |
|
|
| 400 | oklch(0.657 0.083 130.66) | #809c66 | hsl(91, 21%, 51%) |
|
|
| 500 | oklch(0.563 0.070 130.79) | #677e52 | hsl(91, 21%, 41%) |
|
|
| 600 | oklch(0.501 0.061 131.38) | #576b46 | hsl(92, 21%, 35%) |
|
|
| 700 | oklch(0.438 0.053 130.50) | #485839 | hsl(91, 21%, 28%) |
|
|
| 800 | oklch(0.372 0.043 131.33) | #38452d | hsl(93, 21%, 22%) |
|
|
| 900 | oklch(0.303 0.033 129.79) | #293220 | hsl(90, 22%, 16%) |
|
|
| 950 | oklch(0.229 0.022 131.26) | #191f14 | hsl(93, 22%, 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.
