Earthy Color Palette for Serenity
This earthy palette, with its rich greens and warm beiges, evokes a serene woodland retreat, blending nature's tranquility with a hint of rustic charm.
Practical uses and creative applications
Introducing the 'Earthy Color Palette for Serenity', a harmonious collection of shades that evoke a sense of calm and connection to nature. Featuring rich greens like #607848 and #789048, alongside soft yellows like #c0d860, this palette is perfect for designers looking to create tranquil spaces or branding that resonates with sustainability and wellness.
The subtle neutrals, #f0f0d8 and #604848, provide excellent balance, making this palette versatile for web design, packaging, and interior decor. Ideal for creatives in the wellness, eco-friendly, or lifestyle industries, the 'Earthy Color Palette for Serenity' suits any project aimed at promoting relaxation and mindfulness.
Whether you're designing a serene spa website, branding a natural skincare line, or crafting packaging that reflects a commitment to the environment, these colors can enhance your message and engage your audience. The soothing hues invite your viewers to unwind, making them an excellent choice for brands that wish to convey tranquility and authenticity.
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.018 127.15) | #e6ecdf | hsl(88, 25%, 90%) |
|
|
| 100 | oklch(0.865 0.038 128.96) | #cbd8be | hsl(90, 25%, 80%) |
|
|
| 200 | oklch(0.794 0.059 129.32) | #b0c49c | hsl(90, 25%, 69%) |
|
|
| 300 | oklch(0.723 0.079 130.12) | #95b07b | hsl(91, 25%, 59%) |
|
|
| 400 | oklch(0.645 0.092 129.97) | #7b995c | hsl(90, 25%, 48%) |
|
|
| 500 | oklch(0.541 0.076 130.23) | #607848 | hsl(90, 25%, 38%) |
|
|
| 600 | oklch(0.483 0.067 129.76) | #52663d | hsl(89, 25%, 32%) |
|
|
| 700 | oklch(0.426 0.057 130.14) | #445533 | hsl(90, 25%, 27%) |
|
|
| 800 | oklch(0.363 0.047 129.41) | #364328 | hsl(89, 25%, 21%) |
|
|
| 900 | oklch(0.302 0.037 129.96) | #28321e | hsl(90, 25%, 16%) |
|
|
| 950 | oklch(0.233 0.025 128.36) | #1a2013 | hsl(88, 25%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.023 122.73) | #e8eedd | hsl(81, 33%, 90%) |
|
|
| 100 | oklch(0.884 0.046 122.34) | #d3debd | hsl(80, 33%, 81%) |
|
|
| 200 | oklch(0.826 0.070 123.17) | #bdce9c | hsl(80, 34%, 71%) |
|
|
| 300 | oklch(0.767 0.090 123.09) | #a8bd7c | hsl(79, 33%, 61%) |
|
|
| 400 | oklch(0.708 0.113 124.21) | #92ad5b | hsl(80, 33%, 52%) |
|
|
| 500 | oklch(0.618 0.102 124.51) | #789048 | hsl(80, 33%, 42%) |
|
|
| 600 | oklch(0.549 0.089 124.23) | #667a3d | hsl(80, 33%, 36%) |
|
|
| 700 | oklch(0.476 0.076 124.65) | #536432 | hsl(80, 33%, 29%) |
|
|
| 800 | oklch(0.402 0.062 124.27) | #414e27 | hsl(80, 33%, 23%) |
|
|
| 900 | oklch(0.324 0.047 123.59) | #2f381c | hsl(79, 33%, 16%) |
|
|
| 950 | oklch(0.241 0.032 124.56) | #1c2211 | hsl(81, 33%, 10%) |
|
dsfds
| 50 | oklch(0.958 0.041 116.08) | #eff5d6 | hsl(72, 61%, 90%) |
|
|
| 100 | oklch(0.932 0.065 117.04) | #e5efbe | hsl(72, 60%, 84%) |
|
|
| 200 | oklch(0.908 0.087 117.22) | #dce9a7 | hsl(72, 60%, 78%) |
|
|
| 300 | oklch(0.887 0.110 117.93) | #d3e48f | hsl(72, 61%, 73%) |
|
|
| 400 | oklch(0.863 0.130 118.77) | #c9de78 | hsl(72, 61%, 67%) |
|
|
| 500 | oklch(0.840 0.148 119.15) | #c0d860 | hsl(72, 61%, 61%) |
|
|
| 600 | oklch(0.802 0.173 120.71) | #afce36 | hsl(72, 61%, 51%) |
|
|
| 700 | oklch(0.686 0.149 120.48) | #8ea729 | hsl(72, 61%, 41%) |
|
|
| 800 | oklch(0.556 0.119 120.49) | #6a7d1f | hsl(72, 60%, 31%) |
|
|
| 900 | oklch(0.417 0.087 120.47) | #465314 | hsl(72, 61%, 20%) |
|
|
| 950 | oklch(0.267 0.050 119.17) | #23290a | hsl(72, 61%, 10%) |
|
dsfds
| 50 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 100 | oklch(0.952 0.030 106.96) | #f1f1da | hsl(60, 45%, 90%) |
|
|
| 200 | oklch(0.952 0.032 106.98) | #f1f1d9 | hsl(60, 46%, 90%) |
|
|
| 300 | oklch(0.949 0.030 106.96) | #f0f0d9 | hsl(60, 43%, 90%) |
|
|
| 400 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 500 | oklch(0.949 0.032 106.99) | #f0f0d8 | hsl(60, 44%, 89%) |
|
|
| 600 | oklch(0.874 0.078 107.91) | #dada9e | hsl(60, 45%, 74%) |
|
|
| 700 | oklch(0.797 0.119 108.83) | #c3c363 | hsl(60, 44%, 58%) |
|
|
| 800 | oklch(0.667 0.117 109.19) | #9a9a3b | hsl(60, 45%, 42%) |
|
|
| 900 | oklch(0.473 0.079 109.09) | #5f5f25 | hsl(60, 44%, 26%) |
|
|
| 950 | oklch(0.258 0.038 108.79) | #25250e | hsl(60, 45%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.823 0.017 17.50) | #d0c1c1 | hsl(0, 14%, 79%) |
|
|
| 200 | oklch(0.724 0.028 17.83) | #b79f9f | hsl(0, 14%, 67%) |
|
|
| 300 | oklch(0.624 0.040 18.27) | #9e7e7e | hsl(0, 14%, 56%) |
|
|
| 400 | oklch(0.525 0.042 18.57) | #816161 | hsl(0, 14%, 44%) |
|
|
| 500 | oklch(0.427 0.033 18.53) | #604848 | hsl(0, 14%, 33%) |
|
|
| 600 | oklch(0.387 0.030 18.51) | #533e3e | hsl(0, 14%, 28%) |
|
|
| 700 | oklch(0.344 0.025 18.42) | #453434 | hsl(0, 14%, 24%) |
|
|
| 800 | oklch(0.301 0.021 18.38) | #382a2a | hsl(0, 14%, 19%) |
|
|
| 900 | oklch(0.257 0.017 18.33) | #2b2020 | hsl(0, 15%, 15%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
