Serene Earthy Color Palette
This palette radiates a serene, earthy tranquility, blending lush greens with muted grays, evoking a harmonious connection to nature and a calm, modern aesthetic.
Practical uses and creative applications
The Serene Earthy Color Palette offers a harmonious blend of nature-inspired shades, including calming greens and gentle grays, perfect for a variety of creative projects. Ideal for branding, web design, and packaging, this palette evokes a sense of tranquility and stability, making it an excellent choice for businesses focused on sustainability or wellness.
Designers and creatives can utilize these soothing tones to create visually appealing and cohesive identities that resonate with eco-conscious audiences. In interior design, the Serene Earthy Color Palette brings a refreshing ambiance to any space, creating a peaceful retreat that promotes relaxation.
The subtle greens (#6da67a, #77b885, #86c28b) paired with the grounding gray (#4a4857) can transform living areas, offices, or wellness spaces into serene environments. This palette is particularly suited for those looking to cultivate a natural aesthetic, appealing to homeowners and interior decorators alike who appreciate the balance between modern style and organic warmth.
Embrace the calming influence of this palette to elevate your next design project, ensuring it speaks to your audience's desire for harmony and connection with nature.
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.019 152.81) | #dfece2 | hsl(134, 25%, 90%) |
|
|
100 | oklch(0.879 0.033 152.40) | #c8decd | hsl(134, 25%, 83%) |
|
|
200 | oklch(0.829 0.046 151.14) | #b2d0b8 | hsl(132, 24%, 76%) |
|
|
300 | oklch(0.777 0.059 151.83) | #9bc2a4 | hsl(134, 24%, 68%) |
|
|
400 | oklch(0.725 0.074 151.29) | #84b48f | hsl(134, 24%, 61%) |
|
|
500 | oklch(0.674 0.088 150.67) | #6da67a | hsl(134, 24%, 54%) |
|
|
600 | oklch(0.599 0.088 150.44) | #578f64 | hsl(134, 24%, 45%) |
|
|
700 | oklch(0.513 0.074 150.19) | #467350 | hsl(133, 24%, 36%) |
|
|
800 | oklch(0.423 0.059 150.73) | #35573d | hsl(134, 24%, 27%) |
|
|
900 | oklch(0.330 0.044 151.33) | #243c2a | hsl(135, 25%, 19%) |
|
|
950 | oklch(0.228 0.027 151.05) | #132016 | hsl(134, 25%, 10%) |
|
dsfds
50 | oklch(0.933 0.025 152.87) | #ddeee1 | hsl(134, 33%, 90%) |
|
|
100 | oklch(0.891 0.039 152.42) | #c9e3cf | hsl(134, 32%, 84%) |
|
|
200 | oklch(0.848 0.054 151.76) | #b4d8bc | hsl(133, 32%, 78%) |
|
|
300 | oklch(0.807 0.068 151.39) | #a0cdaa | hsl(133, 31%, 72%) |
|
|
400 | oklch(0.766 0.086 150.62) | #8bc397 | hsl(133, 32%, 65%) |
|
|
500 | oklch(0.725 0.100 150.15) | #77b885 | hsl(133, 31%, 59%) |
|
|
600 | oklch(0.658 0.121 149.14) | #57a668 | hsl(133, 31%, 50%) |
|
|
700 | oklch(0.560 0.102 149.28) | #458553 | hsl(133, 32%, 40%) |
|
|
800 | oklch(0.458 0.081 149.10) | #34643e | hsl(133, 32%, 30%) |
|
|
900 | oklch(0.350 0.058 149.66) | #23432a | hsl(133, 31%, 20%) |
|
|
950 | oklch(0.232 0.034 150.57) | #112215 | hsl(134, 33%, 10%) |
|
dsfds
50 | oklch(0.932 0.028 147.01) | #ddeede | hsl(124, 33%, 90%) |
|
|
100 | oklch(0.897 0.041 147.48) | #cce5ce | hsl(125, 32%, 85%) |
|
|
200 | oklch(0.861 0.056 147.50) | #badcbd | hsl(125, 33%, 80%) |
|
|
300 | oklch(0.828 0.071 146.73) | #a9d4ac | hsl(124, 33%, 75%) |
|
|
400 | oklch(0.793 0.085 147.20) | #97cb9c | hsl(126, 33%, 69%) |
|
|
500 | oklch(0.758 0.100 146.56) | #86c28b | hsl(125, 33%, 64%) |
|
|
600 | oklch(0.686 0.129 145.95) | #61af68 | hsl(125, 33%, 53%) |
|
|
700 | oklch(0.590 0.121 145.59) | #49904f | hsl(125, 33%, 43%) |
|
|
800 | oklch(0.481 0.096 145.82) | #366c3b | hsl(126, 33%, 32%) |
|
|
900 | oklch(0.362 0.068 145.86) | #244727 | hsl(125, 33%, 21%) |
|
|
950 | oklch(0.232 0.038 145.55) | #112212 | hsl(124, 33%, 10%) |
|
dsfds
50 | oklch(0.926 0.008 151.88) | #e3e8e4 | hsl(132, 10%, 90%) |
|
|
100 | oklch(0.874 0.013 149.23) | #d0d8d1 | hsl(128, 9%, 83%) |
|
|
200 | oklch(0.822 0.017 148.37) | #bec8bf | hsl(126, 8%, 76%) |
|
|
300 | oklch(0.771 0.024 147.38) | #abb9ac | hsl(124, 9%, 70%) |
|
|
400 | oklch(0.717 0.029 148.68) | #98a99a | hsl(127, 9%, 63%) |
|
|
500 | oklch(0.662 0.035 147.99) | #859987 | hsl(126, 9%, 56%) |
|
|
600 | oklch(0.584 0.038 147.71) | #6d826f | hsl(126, 9%, 47%) |
|
|
700 | oklch(0.501 0.033 148.15) | #576959 | hsl(127, 9%, 38%) |
|
|
800 | oklch(0.412 0.026 147.20) | #424f43 | hsl(125, 9%, 28%) |
|
|
900 | oklch(0.319 0.016 148.77) | #2d352e | hsl(128, 8%, 19%) |
|
|
950 | oklch(0.220 0.011 151.25) | #171c18 | hsl(132, 10%, 10%) |
|
dsfds
50 | oklch(0.918 0.007 295.44) | #e4e3e8 | hsl(252, 10%, 90%) |
|
|
100 | oklch(0.819 0.015 294.41) | #c4c2cd | hsl(251, 10%, 78%) |
|
|
200 | oklch(0.717 0.025 293.87) | #a4a1b2 | hsl(251, 10%, 66%) |
|
|
300 | oklch(0.613 0.032 292.00) | #848196 | hsl(249, 9%, 55%) |
|
|
400 | oklch(0.510 0.033 291.73) | #666378 | hsl(249, 10%, 43%) |
|
|
500 | oklch(0.409 0.025 291.37) | #4a4857 | hsl(248, 9%, 31%) |
|
|
600 | oklch(0.371 0.022 292.34) | #403e4b | hsl(249, 9%, 27%) |
|
|
700 | oklch(0.331 0.019 293.65) | #36343f | hsl(251, 10%, 23%) |
|
|
800 | oklch(0.294 0.016 290.46) | #2c2b34 | hsl(247, 9%, 19%) |
|
|
900 | oklch(0.252 0.013 291.98) | #222128 | hsl(249, 10%, 14%) |
|
|
950 | oklch(0.208 0.010 294.69) | #18171c | hsl(252, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.