Tranquil Earthy Color Palette
This palette exudes a tranquil yet earthy vibe, blending soothing teal (#6ea49b) and warm beige (#d9d0ac) with vibrant olive green (#6b8f0b), deep burgundy (#7d3f60), and rich charcoal (#372b2e) for a stylish, nature-inspired harmony.
Practical uses and creative applications
The Tranquil Earthy Color Palette is a harmonious blend of serene greens, warm neutrals, and rich earthy tones, making it an ideal choice for those seeking to evoke a sense of calm and connection to nature. Comprising shades like #6ea49b (a soothing teal), #d9d0ac (a soft beige), and #6b8f0b (a vibrant olive green), this palette works beautifully in web design, branding, and interior decor.
Designers can leverage these colors to create websites or brands that resonate with eco-conscious consumers or those looking to foster a peaceful atmosphere. Perfect for creatives and businesses in the wellness, lifestyle, and organic product sectors, the Tranquil Earthy Color Palette helps convey messages of sustainability and tranquility.
Use it in packaging for eco-friendly products, or as a backdrop in interiors to create relaxing spaces that inspire mindfulness. Whether you're a designer crafting a new brand identity or a homeowner looking to enhance your living space, this palette is sure to bring a touch of nature's serenity into 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.931 0.012 184.07) | #e0ebe9 | hsl(169, 22%, 90%) |
|
|
| 100 | oklch(0.882 0.022 185.96) | #c9ddda | hsl(171, 23%, 83%) |
|
|
| 200 | oklch(0.832 0.032 184.02) | #b2cfca | hsl(170, 23%, 75%) |
|
|
| 300 | oklch(0.781 0.042 182.74) | #9bc1ba | hsl(169, 23%, 68%) |
|
|
| 400 | oklch(0.729 0.049 184.37) | #85b2ab | hsl(171, 23%, 61%) |
|
|
| 500 | oklch(0.678 0.059 182.95) | #6ea49b | hsl(170, 23%, 54%) |
|
|
| 600 | oklch(0.603 0.058 182.35) | #588d84 | hsl(170, 23%, 45%) |
|
|
| 700 | oklch(0.518 0.050 181.20) | #47726a | hsl(169, 23%, 36%) |
|
|
| 800 | oklch(0.427 0.039 183.58) | #365651 | hsl(171, 23%, 27%) |
|
|
| 900 | oklch(0.332 0.029 181.85) | #253b37 | hsl(169, 23%, 19%) |
|
|
| 950 | oklch(0.228 0.016 182.38) | #141f1d | hsl(169, 22%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.020 94.53) | #efebdc | hsl(47, 37%, 90%) |
|
|
| 100 | oklch(0.924 0.027 95.36) | #ebe6d2 | hsl(48, 38%, 87%) |
|
|
| 200 | oklch(0.905 0.031 94.91) | #e6e0c9 | hsl(48, 37%, 85%) |
|
|
| 300 | oklch(0.890 0.038 95.48) | #e2dbbf | hsl(48, 38%, 82%) |
|
|
| 400 | oklch(0.871 0.042 95.16) | #ddd5b6 | hsl(48, 36%, 79%) |
|
|
| 500 | oklch(0.856 0.049 95.60) | #d9d0ac | hsl(48, 37%, 76%) |
|
|
| 600 | oklch(0.775 0.076 95.78) | #c4b67e | hsl(48, 37%, 63%) |
|
|
| 700 | oklch(0.690 0.098 95.43) | #ae9b50 | hsl(48, 37%, 50%) |
|
|
| 800 | oklch(0.552 0.078 95.62) | #80723a | hsl(48, 38%, 36%) |
|
|
| 900 | oklch(0.404 0.054 97.12) | #514925 | hsl(49, 37%, 23%) |
|
|
| 950 | oklch(0.239 0.027 94.96) | #231f10 | hsl(47, 37%, 10%) |
|
dsfds
| 50 | oklch(0.968 0.057 120.15) | #effbd0 | hsl(77, 84%, 90%) |
|
|
| 100 | oklch(0.936 0.124 121.20) | #ddf797 | hsl(76, 86%, 78%) |
|
|
| 200 | oklch(0.907 0.179 123.06) | #caf35e | hsl(77, 86%, 66%) |
|
|
| 300 | oklch(0.880 0.213 124.95) | #b8ee26 | hsl(76, 85%, 54%) |
|
|
| 400 | oklch(0.768 0.193 126.07) | #95c80f | hsl(77, 86%, 42%) |
|
|
| 500 | oklch(0.601 0.149 125.63) | #6b8f0b | hsl(76, 86%, 30%) |
|
|
| 600 | oklch(0.542 0.134 125.42) | #5d7c0a | hsl(76, 85%, 26%) |
|
|
| 700 | oklch(0.482 0.118 125.59) | #4e6908 | hsl(77, 86%, 22%) |
|
|
| 800 | oklch(0.420 0.102 125.29) | #405607 | hsl(77, 85%, 18%) |
|
|
| 900 | oklch(0.353 0.084 124.17) | #324205 | hsl(76, 86%, 14%) |
|
|
| 950 | oklch(0.284 0.066 124.22) | #232f04 | hsl(77, 84%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.022 344.24) | #eedde6 | hsl(328, 33%, 90%) |
|
|
| 100 | oklch(0.822 0.047 344.34) | #dcb9cc | hsl(327, 33%, 79%) |
|
|
| 200 | oklch(0.729 0.073 346.09) | #ca95b1 | hsl(328, 33%, 69%) |
|
|
| 300 | oklch(0.635 0.100 347.37) | #b77196 | hsl(328, 33%, 58%) |
|
|
| 400 | oklch(0.546 0.118 348.25) | #a1517c | hsl(328, 33%, 47%) |
|
|
| 500 | oklch(0.457 0.095 348.38) | #7d3f60 | hsl(328, 33%, 37%) |
|
|
| 600 | oklch(0.410 0.084 348.49) | #6b3652 | hsl(328, 33%, 32%) |
|
|
| 700 | oklch(0.363 0.072 348.64) | #592d44 | hsl(329, 33%, 26%) |
|
|
| 800 | oklch(0.310 0.060 347.40) | #462336 | hsl(327, 33%, 21%) |
|
|
| 900 | oklch(0.259 0.047 347.33) | #341a28 | hsl(328, 33%, 15%) |
|
|
| 950 | oklch(0.205 0.032 347.31) | #22111a | hsl(328, 33%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.008 357.81) | #e9e2e4 | hsl(343, 14%, 90%) |
|
|
| 100 | oklch(0.803 0.018 359.41) | #c9babe | hsl(344, 12%, 76%) |
|
|
| 200 | oklch(0.680 0.030 1.08) | #a99197 | hsl(345, 12%, 62%) |
|
|
| 300 | oklch(0.556 0.040 0.75) | #886a72 | hsl(344, 12%, 47%) |
|
|
| 400 | oklch(0.436 0.029 2.47) | #604b50 | hsl(346, 12%, 34%) |
|
|
| 500 | oklch(0.304 0.018 1.52) | #372b2e | hsl(345, 12%, 19%) |
|
|
| 600 | oklch(0.286 0.017 0.05) | #32272a | hsl(344, 12%, 17%) |
|
|
| 700 | oklch(0.267 0.014 3.12) | #2c2325 | hsl(347, 11%, 15%) |
|
|
| 800 | oklch(0.249 0.013 1.28) | #271f21 | hsl(345, 11%, 14%) |
|
|
| 900 | oklch(0.231 0.011 8.28) | #221b1c | hsl(351, 11%, 12%) |
|
|
| 950 | oklch(0.210 0.012 359.14) | #1d1618 | hsl(343, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
