Serene Earthy Color Palette
This palette exudes a serene and earthy vibe, blending soft sage greens, muted yellows, and gentle grays to create a harmonious, nature-inspired style perfect for a tranquil retreat.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of soft greens and muted yellows, including shades like #829b86, #96b7a2, #a6aa56, #b4b969, and #dfdb9c. This palette is ideal for designers and creatives looking to evoke a sense of calm and tranquility in their projects.
Whether you're working on branding for an eco-friendly product, developing a web design for a wellness blog, or creating packaging for a natural skincare line, these earthy tones can create a grounding aesthetic that resonates with audiences seeking a connection to nature. Perfect for interiors, the Serene Earthy Color Palette can transform any space into a soothing sanctuary.
Imagine using these colors in a minimalist living room or a cozy reading nook, where the gentle greens and warm yellows work together to foster relaxation. This palette is particularly appealing to lifestyle brands, interior designers, and anyone focused on sustainability.
By incorporating these colors, you can curate a serene environment that not only looks inviting but also promotes well-being and harmony.
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.926 0.008 151.88) | #e3e8e4 | hsl(132, 10%, 90%) |
|
|
| 100 | oklch(0.875 0.015 151.74) | #cfd9d1 | hsl(132, 12%, 83%) |
|
|
| 200 | oklch(0.823 0.021 150.04) | #bcc9be | hsl(129, 11%, 76%) |
|
|
| 300 | oklch(0.771 0.028 148.73) | #a9baab | hsl(127, 11%, 70%) |
|
|
| 400 | oklch(0.717 0.034 150.95) | #95aa99 | hsl(131, 11%, 63%) |
|
|
| 500 | oklch(0.664 0.042 149.71) | #829b86 | hsl(130, 11%, 56%) |
|
|
| 600 | oklch(0.586 0.045 149.32) | #6a846e | hsl(129, 11%, 47%) |
|
|
| 700 | oklch(0.502 0.038 148.99) | #556a58 | hsl(129, 11%, 37%) |
|
|
| 800 | oklch(0.413 0.029 150.47) | #405043 | hsl(131, 11%, 28%) |
|
|
| 900 | oklch(0.320 0.022 150.34) | #2b362d | hsl(131, 11%, 19%) |
|
|
| 950 | oklch(0.220 0.011 151.25) | #171c18 | hsl(132, 10%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.012 156.99) | #e1eae4 | hsl(140, 18%, 90%) |
|
|
| 100 | oklch(0.894 0.019 157.83) | #d2e0d7 | hsl(141, 18%, 85%) |
|
|
| 200 | oklch(0.858 0.026 158.12) | #c3d6ca | hsl(142, 19%, 80%) |
|
|
| 300 | oklch(0.823 0.034 156.39) | #b4ccbc | hsl(140, 19%, 75%) |
|
|
| 400 | oklch(0.785 0.040 157.18) | #a5c1af | hsl(141, 18%, 70%) |
|
|
| 500 | oklch(0.749 0.047 157.16) | #96b7a2 | hsl(142, 19%, 65%) |
|
|
| 600 | oklch(0.666 0.063 155.78) | #75a084 | hsl(141, 18%, 54%) |
|
|
| 700 | oklch(0.572 0.061 156.11) | #5a8369 | hsl(142, 19%, 43%) |
|
|
| 800 | oklch(0.463 0.047 156.28) | #43614e | hsl(142, 18%, 32%) |
|
|
| 900 | oklch(0.350 0.034 155.73) | #2c4033 | hsl(141, 19%, 21%) |
|
|
| 950 | oklch(0.224 0.017 155.56) | #151e18 | hsl(140, 18%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.023 109.56) | #edeedd | hsl(64, 33%, 90%) |
|
|
| 100 | oklch(0.898 0.040 108.74) | #dfe0c2 | hsl(62, 33%, 82%) |
|
|
| 200 | oklch(0.854 0.059 109.73) | #d1d3a7 | hsl(63, 33%, 74%) |
|
|
| 300 | oklch(0.807 0.076 110.51) | #c2c58c | hsl(63, 33%, 66%) |
|
|
| 400 | oklch(0.763 0.093 111.18) | #b4b871 | hsl(63, 33%, 58%) |
|
|
| 500 | oklch(0.717 0.108 111.26) | #a6aa56 | hsl(63, 33%, 50%) |
|
|
| 600 | oklch(0.632 0.094 110.97) | #8c8f48 | hsl(63, 33%, 42%) |
|
|
| 700 | oklch(0.543 0.080 111.42) | #71743a | hsl(63, 33%, 34%) |
|
|
| 800 | oklch(0.448 0.063 111.03) | #56582d | hsl(63, 32%, 26%) |
|
|
| 900 | oklch(0.351 0.047 110.26) | #3c3d1f | hsl(62, 33%, 18%) |
|
|
| 950 | oklch(0.246 0.030 111.28) | #212211 | hsl(64, 33%, 10%) |
|
dsfds
| 50 | oklch(0.946 0.025 109.32) | #eeefdc | hsl(63, 37%, 90%) |
|
|
| 100 | oklch(0.909 0.041 110.21) | #e2e4c5 | hsl(64, 36%, 83%) |
|
|
| 200 | oklch(0.873 0.057 109.72) | #d7d9ae | hsl(63, 36%, 77%) |
|
|
| 300 | oklch(0.838 0.074 111.30) | #cbcf97 | hsl(64, 37%, 70%) |
|
|
| 400 | oklch(0.801 0.089 111.11) | #c0c480 | hsl(64, 37%, 64%) |
|
|
| 500 | oklch(0.764 0.104 111.72) | #b4b969 | hsl(64, 36%, 57%) |
|
|
| 600 | oklch(0.699 0.112 111.90) | #a0a54d | hsl(63, 36%, 47%) |
|
|
| 700 | oklch(0.597 0.095 112.55) | #80853e | hsl(64, 36%, 38%) |
|
|
| 800 | oklch(0.488 0.075 111.76) | #61642f | hsl(63, 36%, 29%) |
|
|
| 900 | oklch(0.372 0.055 111.60) | #41431f | hsl(63, 37%, 19%) |
|
|
| 950 | oklch(0.249 0.033 111.16) | #222310 | hsl(63, 37%, 10%) |
|
dsfds
| 50 | oklch(0.953 0.033 103.27) | #f3f1d8 | hsl(56, 53%, 90%) |
|
|
| 100 | oklch(0.939 0.043 104.35) | #efedcc | hsl(57, 52%, 87%) |
|
|
| 200 | oklch(0.923 0.052 103.83) | #ebe8c0 | hsl(56, 52%, 84%) |
|
|
| 300 | oklch(0.909 0.063 104.60) | #e7e4b4 | hsl(56, 52%, 81%) |
|
|
| 400 | oklch(0.893 0.072 104.27) | #e3dfa8 | hsl(56, 51%, 77%) |
|
|
| 500 | oklch(0.880 0.082 104.88) | #dfdb9c | hsl(56, 51%, 74%) |
|
|
| 600 | oklch(0.821 0.118 105.48) | #cfc96a | hsl(56, 51%, 61%) |
|
|
| 700 | oklch(0.754 0.137 105.96) | #bbb43d | hsl(57, 51%, 49%) |
|
|
| 800 | oklch(0.602 0.107 105.37) | #8a842d | hsl(56, 51%, 36%) |
|
|
| 900 | oklch(0.440 0.077 106.29) | #58551c | hsl(57, 52%, 23%) |
|
|
| 950 | oklch(0.260 0.040 104.68) | #27250c | hsl(56, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
