Tranquil Teal and Earthy Color Palette
This palette blends tranquil teal, soft beige, muted coral, rich burgundy, and deep crimson to evoke a serene yet sophisticated ambiance, perfect for a cozy modern retreat with earthy elegance.
Practical uses and creative applications
The 'Tranquil Teal and Earthy Color Palette' is a harmonious blend of soothing hues that evoke a sense of calm and natural serenity. Featuring a soft teal (#8fc9b9), muted beige (#d8d9c0), and rich earthy tones like terracotta (#d18e8f), deep rose (#ab5c72), and a bold burgundy (#91334f), this palette is perfect for designers seeking to create spaces or brands that resonate with tranquility and warmth.
Ideal for web design, branding, or interior decor, it allows creatives to communicate a grounded yet sophisticated aesthetic. This versatile color palette is especially suitable for wellness brands, eco-friendly products, and lifestyle blogs that emphasize sustainability and mindfulness.
Designers can utilize these colors to create compelling packaging that stands out on the shelf while fostering a connection with the audience. In interior design, these shades can transform a living space into a serene retreat, perfect for those looking to infuse their homes with a calming atmosphere.
Whether you’re a graphic designer, interior decorator, or brand strategist, the 'Tranquil Teal and Earthy Color Palette' offers a perfect blend of colors that inspire creativity and foster a peaceful mood.
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.935 0.019 176.42) | #ddeee9 | hsl(162, 33%, 90%) |
|
|
| 100 | oklch(0.907 0.029 177.67) | #cde7e0 | hsl(164, 35%, 85%) |
|
|
| 200 | oklch(0.877 0.037 177.12) | #bedfd6 | hsl(164, 34%, 81%) |
|
|
| 300 | oklch(0.849 0.047 175.84) | #aed8cc | hsl(163, 35%, 76%) |
|
|
| 400 | oklch(0.819 0.054 176.80) | #9fd0c3 | hsl(164, 34%, 72%) |
|
|
| 500 | oklch(0.791 0.064 175.57) | #8fc9b9 | hsl(163, 35%, 67%) |
|
|
| 600 | oklch(0.719 0.085 173.82) | #67b6a0 | hsl(163, 35%, 56%) |
|
|
| 700 | oklch(0.626 0.086 172.90) | #4a9983 | hsl(163, 35%, 45%) |
|
|
| 800 | oklch(0.504 0.067 173.30) | #377161 | hsl(163, 35%, 33%) |
|
|
| 900 | oklch(0.377 0.048 172.70) | #244a3f | hsl(163, 35%, 22%) |
|
|
| 950 | oklch(0.235 0.025 173.38) | #11221d | hsl(162, 33%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.017 110.29) | #ebecdf | hsl(65, 25%, 90%) |
|
|
| 100 | oklch(0.926 0.020 109.88) | #e7e8d9 | hsl(64, 25%, 88%) |
|
|
| 200 | oklch(0.914 0.023 106.84) | #e4e4d3 | hsl(60, 24%, 86%) |
|
|
| 300 | oklch(0.903 0.028 109.17) | #e0e1cc | hsl(63, 26%, 84%) |
|
|
| 400 | oklch(0.891 0.031 109.04) | #dcddc6 | hsl(63, 25%, 82%) |
|
|
| 500 | oklch(0.878 0.034 108.94) | #d8d9c0 | hsl(62, 25%, 80%) |
|
|
| 600 | oklch(0.789 0.058 109.87) | #bcbe93 | hsl(63, 25%, 66%) |
|
|
| 700 | oklch(0.699 0.081 109.95) | #a1a367 | hsl(62, 25%, 52%) |
|
|
| 800 | oklch(0.562 0.068 110.45) | #777949 | hsl(63, 25%, 38%) |
|
|
| 900 | oklch(0.407 0.046 109.92) | #4b4c2e | hsl(62, 25%, 24%) |
|
|
| 950 | oklch(0.238 0.023 111.74) | #1f2013 | hsl(65, 25%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.023 17.59) | #f0dbdb | hsl(0, 41%, 90%) |
|
|
| 100 | oklch(0.868 0.035 15.63) | #eacbcc | hsl(358, 42%, 86%) |
|
|
| 200 | oklch(0.830 0.046 16.43) | #e4bcbd | hsl(359, 43%, 82%) |
|
|
| 300 | oklch(0.791 0.056 18.41) | #ddadad | hsl(0, 41%, 77%) |
|
|
| 400 | oklch(0.751 0.070 17.69) | #d79d9e | hsl(359, 42%, 73%) |
|
|
| 500 | oklch(0.714 0.082 18.32) | #d18e8f | hsl(359, 42%, 69%) |
|
|
| 600 | oklch(0.609 0.119 19.86) | #c06365 | hsl(359, 42%, 57%) |
|
|
| 700 | oklch(0.513 0.129 22.14) | #a44344 | hsl(359, 42%, 45%) |
|
|
| 800 | oklch(0.416 0.102 20.99) | #7a3133 | hsl(358, 43%, 34%) |
|
|
| 900 | oklch(0.312 0.071 20.77) | #4f2021 | hsl(359, 42%, 22%) |
|
|
| 950 | oklch(0.200 0.036 20.73) | #240f0f | hsl(0, 41%, 10%) |
|
dsfds
| 50 | oklch(0.913 0.020 357.64) | #eedde2 | hsl(342, 33%, 90%) |
|
|
| 100 | oklch(0.844 0.035 357.17) | #e0c3cc | hsl(341, 32%, 82%) |
|
|
| 200 | oklch(0.778 0.050 0.45) | #d3aab5 | hsl(344, 32%, 75%) |
|
|
| 300 | oklch(0.710 0.068 0.70) | #c6909f | hsl(343, 32%, 67%) |
|
|
| 400 | oklch(0.640 0.086 2.06) | #b87688 | hsl(344, 32%, 59%) |
|
|
| 500 | oklch(0.573 0.105 3.16) | #ab5c72 | hsl(343, 32%, 52%) |
|
|
| 600 | oklch(0.505 0.098 3.25) | #924b5f | hsl(343, 32%, 43%) |
|
|
| 700 | oklch(0.436 0.081 4.21) | #763d4c | hsl(344, 32%, 35%) |
|
|
| 800 | oklch(0.362 0.066 3.45) | #5a2e3a | hsl(344, 32%, 27%) |
|
|
| 900 | oklch(0.287 0.048 3.37) | #3e2028 | hsl(344, 32%, 18%) |
|
|
| 950 | oklch(0.204 0.030 1.02) | #221116 | hsl(342, 33%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.030 356.33) | #f2d9e1 | hsl(341, 49%, 90%) |
|
|
| 100 | oklch(0.813 0.061 358.74) | #e4b2c1 | hsl(342, 48%, 80%) |
|
|
| 200 | oklch(0.719 0.095 359.88) | #d68ba2 | hsl(342, 48%, 69%) |
|
|
| 300 | oklch(0.632 0.130 3.11) | #c96582 | hsl(343, 48%, 59%) |
|
|
| 400 | oklch(0.550 0.156 5.75) | #b84164 | hsl(342, 48%, 49%) |
|
|
| 500 | oklch(0.464 0.129 5.26) | #91334f | hsl(342, 48%, 38%) |
|
|
| 600 | oklch(0.415 0.114 5.26) | #7c2b43 | hsl(342, 49%, 33%) |
|
|
| 700 | oklch(0.365 0.097 4.41) | #662438 | hsl(342, 48%, 27%) |
|
|
| 800 | oklch(0.313 0.081 4.23) | #511c2c | hsl(342, 49%, 21%) |
|
|
| 900 | oklch(0.258 0.061 4.22) | #3b1520 | hsl(343, 48%, 16%) |
|
|
| 950 | oklch(0.202 0.044 1.51) | #260d15 | hsl(341, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
