Tranquil Earthy Color Palette
This palette exudes a tranquil and earthy elegance, blending warm beige tones with cool teal accents for a serene, nature-inspired aesthetic.
Practical uses and creative applications
The Tranquil Earthy Color Palette effortlessly combines soothing hues that evoke a sense of calm and connection to nature. With its soft beige (#c1b398), deep olive (#605951), gentle cream (#fbeec2), serene teal (#61a6ab), and muted mint (#accec0), this palette is ideal for branding that seeks to communicate eco-friendliness and sustainability.
Designers and creatives can utilize these colors in web design to create a tranquil user experience that enhances brand storytelling, especially for businesses in the wellness, organic, or outdoor industries. In addition to digital applications, the Tranquil Earthy Color Palette shines in packaging design, where its natural tones can attract environmentally conscious consumers.
Interior designers will also find this palette perfect for creating serene spaces that promote relaxation and mindfulness, making it a fantastic choice for spas, yoga studios, or any home seeking a warm, inviting atmosphere. Whether you're a graphic designer, product designer, or interior stylist, this versatile palette will inspire creativity and elevate any project to new heights.
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.932 0.013 86.83) | #ece8df | hsl(42, 25%, 90%) |
|
|
| 100 | oklch(0.899 0.017 84.59) | #e3ddd1 | hsl(40, 24%, 85%) |
|
|
| 200 | oklch(0.869 0.023 84.59) | #dbd3c3 | hsl(40, 25%, 81%) |
|
|
| 300 | oklch(0.836 0.029 84.59) | #d2c8b4 | hsl(40, 25%, 76%) |
|
|
| 400 | oklch(0.805 0.035 84.58) | #cabea6 | hsl(40, 25%, 72%) |
|
|
| 500 | oklch(0.771 0.040 83.79) | #c1b398 | hsl(40, 25%, 68%) |
|
|
| 600 | oklch(0.687 0.056 83.81) | #ab9873 | hsl(40, 25%, 56%) |
|
|
| 700 | oklch(0.591 0.058 84.18) | #8e7b55 | hsl(40, 25%, 45%) |
|
|
| 800 | oklch(0.477 0.046 84.22) | #695b3f | hsl(40, 25%, 33%) |
|
|
| 900 | oklch(0.358 0.032 81.94) | #453b29 | hsl(39, 25%, 22%) |
|
|
| 950 | oklch(0.228 0.018 86.81) | #201c13 | hsl(42, 25%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.005 78.30) | #e8e6e3 | hsl(36, 10%, 90%) |
|
|
| 100 | oklch(0.841 0.008 73.73) | #cecac5 | hsl(33, 8%, 79%) |
|
|
| 200 | oklch(0.753 0.013 75.34) | #b4aea6 | hsl(34, 9%, 68%) |
|
|
| 300 | oklch(0.664 0.017 73.60) | #9a9288 | hsl(33, 8%, 57%) |
|
|
| 400 | oklch(0.568 0.020 67.42) | #7f756b | hsl(30, 9%, 46%) |
|
|
| 500 | oklch(0.468 0.016 71.13) | #605951 | hsl(32, 8%, 35%) |
|
|
| 600 | oklch(0.420 0.014 71.69) | #524c45 | hsl(32, 9%, 30%) |
|
|
| 700 | oklch(0.375 0.012 72.46) | #45403a | hsl(33, 9%, 25%) |
|
|
| 800 | oklch(0.324 0.010 73.54) | #37332e | hsl(33, 9%, 20%) |
|
|
| 900 | oklch(0.271 0.007 67.52) | #292623 | hsl(30, 8%, 15%) |
|
|
| 950 | oklch(0.219 0.007 78.18) | #1c1a17 | hsl(36, 10%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.047 93.90) | #fcf2cf | hsl(47, 88%, 90%) |
|
|
| 100 | oklch(0.958 0.048 93.00) | #fcf1cd | hsl(46, 89%, 90%) |
|
|
| 200 | oklch(0.955 0.051 92.56) | #fcf0ca | hsl(46, 89%, 89%) |
|
|
| 300 | oklch(0.952 0.054 93.29) | #fbefc7 | hsl(46, 87%, 88%) |
|
|
| 400 | oklch(0.951 0.056 93.96) | #fbefc5 | hsl(47, 87%, 88%) |
|
|
| 500 | oklch(0.949 0.059 93.52) | #fbeec2 | hsl(46, 88%, 87%) |
|
|
| 600 | oklch(0.890 0.121 93.14) | #f6d978 | hsl(46, 88%, 72%) |
|
|
| 700 | oklch(0.839 0.161 91.09) | #f1c52e | hsl(46, 87%, 56%) |
|
|
| 800 | oklch(0.706 0.142 88.67) | #c49a0d | hsl(46, 88%, 41%) |
|
|
| 900 | oklch(0.501 0.100 89.55) | #7a6008 | hsl(46, 88%, 25%) |
|
|
| 950 | oklch(0.272 0.052 92.59) | #302603 | hsl(47, 88%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.015 202.05) | #deeced | hsl(184, 29%, 90%) |
|
|
| 100 | oklch(0.883 0.027 202.54) | #c5dee0 | hsl(184, 30%, 83%) |
|
|
| 200 | oklch(0.832 0.038 202.67) | #acd0d3 | hsl(185, 31%, 75%) |
|
|
| 300 | oklch(0.782 0.050 202.71) | #93c2c6 | hsl(185, 31%, 68%) |
|
|
| 400 | oklch(0.732 0.060 201.39) | #7ab4b8 | hsl(184, 30%, 60%) |
|
|
| 500 | oklch(0.682 0.070 201.64) | #61a6ab | hsl(184, 31%, 53%) |
|
|
| 600 | oklch(0.606 0.066 202.13) | #4e8e93 | hsl(184, 31%, 44%) |
|
|
| 700 | oklch(0.521 0.056 200.41) | #3f7376 | hsl(183, 30%, 35%) |
|
|
| 800 | oklch(0.429 0.045 202.01) | #30575a | hsl(184, 30%, 27%) |
|
|
| 900 | oklch(0.336 0.033 201.77) | #213c3e | hsl(184, 31%, 19%) |
|
|
| 950 | oklch(0.231 0.019 201.58) | #122021 | hsl(184, 29%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 171.04) | #dfece7 | hsl(157, 25%, 90%) |
|
|
| 100 | oklch(0.910 0.020 169.30) | #d5e6df | hsl(155, 25%, 87%) |
|
|
| 200 | oklch(0.889 0.025 168.17) | #cbe0d7 | hsl(154, 25%, 84%) |
|
|
| 300 | oklch(0.866 0.032 168.24) | #c0dacf | hsl(155, 26%, 80%) |
|
|
| 400 | oklch(0.844 0.036 169.35) | #b6d4c8 | hsl(156, 26%, 77%) |
|
|
| 500 | oklch(0.823 0.041 168.44) | #accec0 | hsl(155, 26%, 74%) |
|
|
| 600 | oklch(0.734 0.062 167.27) | #83b6a1 | hsl(155, 26%, 61%) |
|
|
| 700 | oklch(0.639 0.077 165.80) | #5c9b81 | hsl(155, 26%, 48%) |
|
|
| 800 | oklch(0.512 0.060 166.36) | #43725f | hsl(156, 26%, 35%) |
|
|
| 900 | oklch(0.378 0.042 166.90) | #2b493d | hsl(156, 26%, 23%) |
|
|
| 950 | oklch(0.230 0.021 168.57) | #13201b | hsl(157, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
