Tranquil Earthy Color Palette
This palette exudes a tranquil yet sophisticated vibe, blending earthy olive greens and soft neutrals with bold black, evoking a serene, modern aesthetic perfect for a calming retreat.
Practical uses and creative applications
The Tranquil Earthy Color Palette features a harmonious blend of muted greens, rich blacks, and soft beige tones, making it an ideal choice for those looking to evoke a sense of calm and serenity. The main colors#a8ab84, #c6c99d, #e7ebb0, complemented by deep blacks (#000000) and earthy tones (#0c0d05)create a grounding atmosphere suitable for a variety of applications.
This palette is particularly effective in branding for eco-friendly products, wellness brands, or any business aiming to convey sustainability and mindfulness. Ideal for designers and creatives, the Tranquil Earthy Color Palette shines in web design, where it can enhance user experience through a soothing visual appeal.
It’s also perfect for packaging that seeks to connect with environmentally-conscious consumers, giving products an organic feel. In interiors, these colors can transform a space into a tranquil sanctuary, making it ideal for wellness centers, spas, or homes that emphasize relaxation and natural beauty.
Whether you're a graphic designer, interior decorator, or brand strategist, this palette offers versatile options to inspire your next 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.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.895 0.022 112.61) | #dcdece | hsl(68, 20%, 84%) |
|
|
| 200 | oklch(0.853 0.028 111.41) | #cfd1bc | hsl(66, 19%, 78%) |
|
|
| 300 | oklch(0.811 0.037 110.66) | #c2c4a9 | hsl(64, 19%, 72%) |
|
|
| 400 | oklch(0.771 0.045 111.68) | #b5b897 | hsl(65, 19%, 66%) |
|
|
| 500 | oklch(0.729 0.054 111.30) | #a8ab84 | hsl(65, 19%, 59%) |
|
|
| 600 | oklch(0.658 0.066 112.15) | #929667 | hsl(65, 19%, 50%) |
|
|
| 700 | oklch(0.560 0.055 111.84) | #757852 | hsl(65, 19%, 40%) |
|
|
| 800 | oklch(0.458 0.043 111.40) | #585a3e | hsl(64, 18%, 30%) |
|
|
| 900 | oklch(0.349 0.031 110.43) | #3b3c29 | hsl(63, 19%, 20%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.020 109.87) | #ecedde | hsl(64, 29%, 90%) |
|
|
| 100 | oklch(0.918 0.028 111.36) | #e4e6d1 | hsl(66, 30%, 86%) |
|
|
| 200 | oklch(0.895 0.036 110.56) | #dddfc4 | hsl(64, 30%, 82%) |
|
|
| 300 | oklch(0.869 0.043 110.19) | #d5d7b7 | hsl(64, 29%, 78%) |
|
|
| 400 | oklch(0.846 0.051 109.92) | #ced0aa | hsl(63, 29%, 74%) |
|
|
| 500 | oklch(0.822 0.059 110.85) | #c6c99d | hsl(64, 29%, 70%) |
|
|
| 600 | oklch(0.749 0.083 111.37) | #afb375 | hsl(64, 29%, 58%) |
|
|
| 700 | oklch(0.660 0.091 112.31) | #939854 | hsl(64, 29%, 46%) |
|
|
| 800 | oklch(0.530 0.071 111.57) | #6d703e | hsl(64, 29%, 34%) |
|
|
| 900 | oklch(0.391 0.049 111.56) | #464828 | hsl(64, 29%, 22%) |
|
|
| 950 | oklch(0.242 0.027 111.46) | #202112 | hsl(64, 29%, 10%) |
|
dsfds
| 50 | oklch(0.950 0.030 113.01) | #eef1da | hsl(68, 45%, 90%) |
|
|
| 100 | oklch(0.862 0.081 113.36) | #d1d89a | hsl(67, 44%, 73%) |
|
|
| 200 | oklch(0.777 0.127 115.51) | #b3c05b | hsl(68, 44%, 55%) |
|
|
| 300 | oklch(0.614 0.111 115.31) | #828c36 | hsl(67, 44%, 38%) |
|
|
| 400 | oklch(0.403 0.069 115.62) | #474d1e | hsl(68, 44%, 21%) |
|
|
| 500 | oklch(0.155 0.018 113.66) | #0c0d05 | hsl(68, 44%, 4%) |
|
|
| 600 | oklch(0.176 0.022 116.88) | #101207 | hsl(71, 44%, 5%) |
|
|
| 700 | oklch(0.198 0.026 115.45) | #151709 | hsl(69, 44%, 6%) |
|
|
| 800 | oklch(0.215 0.029 114.69) | #191b0b | hsl(68, 42%, 7%) |
|
|
| 900 | oklch(0.236 0.034 113.75) | #1e200c | hsl(66, 45%, 9%) |
|
|
| 950 | oklch(0.255 0.039 115.34) | #22250e | hsl(68, 45%, 10%) |
|
dsfds
| 50 | oklch(0.961 0.041 110.15) | #f3f5d6 | hsl(64, 61%, 90%) |
|
|
| 100 | oklch(0.953 0.047 111.16) | #f0f3cf | hsl(65, 60%, 88%) |
|
|
| 200 | oklch(0.945 0.055 110.76) | #eef1c7 | hsl(64, 60%, 86%) |
|
|
| 300 | oklch(0.938 0.063 110.50) | #ecefbf | hsl(64, 60%, 84%) |
|
|
| 400 | oklch(0.930 0.069 111.24) | #e9edb8 | hsl(65, 60%, 83%) |
|
|
| 500 | oklch(0.923 0.076 111.03) | #e7ebb0 | hsl(64, 60%, 81%) |
|
|
| 600 | oklch(0.869 0.125 111.73) | #d6dc77 | hsl(64, 59%, 66%) |
|
|
| 700 | oklch(0.818 0.162 113.37) | #c4ce3d | hsl(64, 60%, 52%) |
|
|
| 800 | oklch(0.665 0.135 113.47) | #949c27 | hsl(64, 60%, 38%) |
|
|
| 900 | oklch(0.477 0.094 113.30) | #5d6219 | hsl(64, 59%, 24%) |
|
|
| 950 | oklch(0.271 0.048 112.66) | #27290a | hsl(64, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
