Serene Earthy Color Palette
This earthy palette blends soft sage greens and muted lavender with deep plum and slate blue, evoking a serene yet sophisticated vibe perfect for a tranquil retreat.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft greens, muted blues, and warm earthy tones that evoke a sense of tranquility and natural beauty. Ideal for designers and creatives looking to create calming spaces or branding elements, this palette works beautifully in web design, packaging, and interior decor.
The main colors#c8cfae (soft sage), #96b397 (gentle moss), #525574 (deep slate), #5c3e62 (rich plum), and #9b5f7b (warm terracotta)come together to convey a grounded yet sophisticated aesthetic, perfect for brands that want to emphasize sustainability and authenticity. This color palette is particularly well-suited for eco-friendly products, wellness brands, and lifestyle blogs focused on mindfulness and nature.
When applied to branding, it can help businesses connect with their audience on a deeper level, fostering a welcoming and relatable vibe. In web design, these colors can be used to create engaging user experiences, drawing users in with their soft, earthy tones.
Whether you’re designing packaging for organic skincare or redecorating a cozy reading nook, the Serene Earthy Color Palette is sure to inspire creativity and encourage a peaceful atmosphere.
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.937 0.018 117.30) | #e9ecdf | hsl(74, 25%, 90%) |
|
|
| 100 | oklch(0.918 0.023 114.97) | #e3e6d5 | hsl(71, 25%, 87%) |
|
|
| 200 | oklch(0.898 0.028 115.73) | #dce0cb | hsl(71, 25%, 84%) |
|
|
| 300 | oklch(0.880 0.034 118.07) | #d5dbc2 | hsl(74, 26%, 81%) |
|
|
| 400 | oklch(0.861 0.040 116.73) | #cfd5b8 | hsl(72, 26%, 78%) |
|
|
| 500 | oklch(0.840 0.045 117.11) | #c8cfae | hsl(73, 26%, 75%) |
|
|
| 600 | oklch(0.756 0.068 117.42) | #acb685 | hsl(72, 25%, 62%) |
|
|
| 700 | oklch(0.667 0.087 118.35) | #8f9c5d | hsl(72, 25%, 49%) |
|
|
| 800 | oklch(0.535 0.069 118.60) | #697344 | hsl(73, 26%, 36%) |
|
|
| 900 | oklch(0.392 0.046 118.12) | #43492c | hsl(72, 25%, 23%) |
|
|
| 950 | oklch(0.236 0.024 118.84) | #1d2013 | hsl(74, 25%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.014 148.77) | #e1eae2 | hsl(127, 18%, 90%) |
|
|
| 100 | oklch(0.890 0.021 147.61) | #d2dfd3 | hsl(125, 17%, 85%) |
|
|
| 200 | oklch(0.853 0.029 146.98) | #c3d4c4 | hsl(124, 17%, 80%) |
|
|
| 300 | oklch(0.814 0.036 146.55) | #b4c9b5 | hsl(123, 16%, 75%) |
|
|
| 400 | oklch(0.776 0.043 146.22) | #a5bea6 | hsl(122, 16%, 70%) |
|
|
| 500 | oklch(0.737 0.051 145.95) | #96b397 | hsl(122, 16%, 65%) |
|
|
| 600 | oklch(0.654 0.069 145.40) | #769c77 | hsl(122, 16%, 54%) |
|
|
| 700 | oklch(0.557 0.064 146.07) | #5b7e5d | hsl(123, 16%, 43%) |
|
|
| 800 | oklch(0.453 0.051 145.63) | #445e45 | hsl(122, 16%, 32%) |
|
|
| 900 | oklch(0.343 0.037 144.73) | #2d3e2d | hsl(120, 16%, 21%) |
|
|
| 950 | oklch(0.223 0.020 147.84) | #151e16 | hsl(127, 18%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.011 280.46) | #e1e2ea | hsl(233, 18%, 90%) |
|
|
| 100 | oklch(0.824 0.022 283.04) | #c3c4d4 | hsl(236, 17%, 80%) |
|
|
| 200 | oklch(0.732 0.036 281.84) | #a4a6bf | hsl(236, 17%, 70%) |
|
|
| 300 | oklch(0.638 0.048 279.35) | #8589a9 | hsl(233, 17%, 59%) |
|
|
| 400 | oklch(0.541 0.062 280.76) | #686b93 | hsl(236, 17%, 49%) |
|
|
| 500 | oklch(0.460 0.051 279.92) | #525574 | hsl(235, 17%, 39%) |
|
|
| 600 | oklch(0.411 0.045 280.92) | #464863 | hsl(236, 17%, 33%) |
|
|
| 700 | oklch(0.364 0.038 280.29) | #3a3c52 | hsl(235, 17%, 27%) |
|
|
| 800 | oklch(0.311 0.031 279.23) | #2d2f40 | hsl(234, 17%, 21%) |
|
|
| 900 | oklch(0.260 0.023 277.31) | #21232f | hsl(231, 18%, 16%) |
|
|
| 950 | oklch(0.203 0.016 279.29) | #15161e | hsl(233, 18%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.018 320.06) | #e9e0eb | hsl(289, 22%, 90%) |
|
|
| 100 | oklch(0.817 0.041 320.84) | #d0bbd4 | hsl(290, 23%, 78%) |
|
|
| 200 | oklch(0.717 0.064 320.04) | #b697bd | hsl(289, 22%, 67%) |
|
|
| 300 | oklch(0.614 0.091 320.48) | #9d72a6 | hsl(290, 23%, 55%) |
|
|
| 400 | oklch(0.513 0.091 320.23) | #7e5587 | hsl(289, 23%, 43%) |
|
|
| 500 | oklch(0.412 0.069 320.74) | #5c3e62 | hsl(290, 23%, 31%) |
|
|
| 600 | oklch(0.374 0.061 319.70) | #4f3655 | hsl(288, 22%, 27%) |
|
|
| 700 | oklch(0.334 0.053 321.22) | #432d47 | hsl(291, 22%, 23%) |
|
|
| 800 | oklch(0.294 0.044 319.82) | #36253a | hsl(289, 22%, 19%) |
|
|
| 900 | oklch(0.252 0.037 320.36) | #2a1c2d | hsl(289, 23%, 14%) |
|
|
| 950 | oklch(0.208 0.025 320.14) | #1d141f | hsl(289, 22%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.016 347.66) | #ecdfe5 | hsl(332, 25%, 90%) |
|
|
| 100 | oklch(0.846 0.030 347.20) | #dcc5d0 | hsl(331, 25%, 82%) |
|
|
| 200 | oklch(0.777 0.042 348.20) | #ccacbb | hsl(332, 24%, 74%) |
|
|
| 300 | oklch(0.705 0.056 349.76) | #bc92a5 | hsl(333, 24%, 65%) |
|
|
| 400 | oklch(0.633 0.072 350.09) | #ac7890 | hsl(332, 24%, 57%) |
|
|
| 500 | oklch(0.561 0.086 350.77) | #9b5f7b | hsl(332, 24%, 49%) |
|
|
| 600 | oklch(0.495 0.074 351.04) | #825067 | hsl(332, 24%, 41%) |
|
|
| 700 | oklch(0.430 0.063 350.77) | #6a4154 | hsl(332, 24%, 34%) |
|
|
| 800 | oklch(0.359 0.049 351.24) | #513240 | hsl(333, 24%, 26%) |
|
|
| 900 | oklch(0.286 0.036 349.53) | #38232d | hsl(331, 23%, 18%) |
|
|
| 950 | oklch(0.207 0.024 350.12) | #201319 | hsl(332, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
