Earthy Serenity Color Palette
This palette radiates a soothing, earthy tranquility with soft sage green, warm beige, and golden accents, evoking a serene, nature-inspired elegance perfect for a calming retreat.
Practical uses and creative applications
The Earthy Serenity Color Palette features a harmonious blend of muted tones inspired by nature, including #878286, #88b6a3, #bdba9e, #e2c18d, and #e2bb64. This palette is ideal for brands and designers looking to evoke a sense of calm and grounding in their projects.
Whether used in web design, branding, or packaging, these colors create a tranquil atmosphere that resonates with audiences seeking authenticity and comfort. The earthy tones are perfect for businesses in the wellness, eco-friendly, or artisanal sectors, as they communicate a connection to nature and sustainability.
In interior design, the Earthy Serenity Color Palette can transform spaces into serene retreats. The soft greens and warm neutrals work beautifully for creating cozy living areas, tranquil bedrooms, or inviting workspaces.
Ideal for creatives and interior designers, this palette encourages a peaceful ambiance that promotes relaxation and mindfulness. Use it to design calming environments in homes, cafes, or wellness centers, ensuring that each space reflects a soothing and organic aesthetic.
Overall, this color palette is a versatile choice for anyone looking to infuse their work with a touch of natural elegance and tranquility.
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.923 0.002 325.59) | #e6e5e6 | hsl(300, 2%, 90%) |
|
|
| 100 | oklch(0.863 0.003 325.61) | #d3d1d3 | hsl(300, 2%, 82%) |
|
|
| 200 | oklch(0.801 0.004 337.37) | #c0bdbf | hsl(320, 2%, 75%) |
|
|
| 300 | oklch(0.741 0.004 337.39) | #adaaac | hsl(320, 2%, 67%) |
|
|
| 400 | oklch(0.677 0.006 334.03) | #9a9699 | hsl(315, 2%, 60%) |
|
|
| 500 | oklch(0.612 0.008 332.21) | #878286 | hsl(312, 2%, 52%) |
|
|
| 600 | oklch(0.539 0.007 334.09) | #716d70 | hsl(315, 2%, 44%) |
|
|
| 700 | oklch(0.465 0.007 334.13) | #5c585b | hsl(315, 2%, 35%) |
|
|
| 800 | oklch(0.387 0.005 337.54) | #464345 | hsl(320, 2%, 27%) |
|
|
| 900 | oklch(0.304 0.003 345.43) | #302e2f | hsl(330, 2%, 18%) |
|
|
| 950 | oklch(0.215 0.002 325.66) | #1a191a | hsl(300, 2%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.015 171.04) | #dfece7 | hsl(157, 25%, 90%) |
|
|
| 100 | oklch(0.893 0.023 168.68) | #cee1d9 | hsl(155, 24%, 85%) |
|
|
| 200 | oklch(0.854 0.031 170.43) | #bcd6cc | hsl(157, 24%, 79%) |
|
|
| 300 | oklch(0.815 0.039 168.83) | #abcbbe | hsl(156, 24%, 73%) |
|
|
| 400 | oklch(0.777 0.048 168.70) | #99c1b1 | hsl(156, 24%, 68%) |
|
|
| 500 | oklch(0.738 0.056 167.49) | #88b6a3 | hsl(155, 24%, 62%) |
|
|
| 600 | oklch(0.664 0.073 165.67) | #67a289 | hsl(155, 24%, 52%) |
|
|
| 700 | oklch(0.567 0.064 166.13) | #50836e | hsl(155, 24%, 41%) |
|
|
| 800 | oklch(0.462 0.051 165.76) | #3c6252 | hsl(155, 24%, 31%) |
|
|
| 900 | oklch(0.351 0.037 165.00) | #284136 | hsl(154, 24%, 21%) |
|
|
| 950 | oklch(0.230 0.021 168.57) | #13201b | hsl(157, 25%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.011 100.83) | #eae9e1 | hsl(53, 18%, 90%) |
|
|
| 100 | oklch(0.904 0.017 103.17) | #e1e0d3 | hsl(56, 19%, 85%) |
|
|
| 200 | oklch(0.873 0.022 101.03) | #d8d6c6 | hsl(53, 19%, 81%) |
|
|
| 300 | oklch(0.844 0.027 102.30) | #cfcdb9 | hsl(55, 19%, 77%) |
|
|
| 400 | oklch(0.813 0.033 101.25) | #c6c3ab | hsl(53, 19%, 72%) |
|
|
| 500 | oklch(0.784 0.039 102.20) | #bdba9e | hsl(54, 19%, 68%) |
|
|
| 600 | oklch(0.702 0.053 102.63) | #a5a17b | hsl(54, 19%, 56%) |
|
|
| 700 | oklch(0.607 0.056 102.96) | #88845d | hsl(54, 19%, 45%) |
|
|
| 800 | oklch(0.491 0.044 102.88) | #656245 | hsl(54, 19%, 33%) |
|
|
| 900 | oklch(0.368 0.031 102.74) | #42402d | hsl(54, 19%, 22%) |
|
|
| 950 | oklch(0.229 0.015 101.56) | #1e1d15 | hsl(53, 18%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.028 79.47) | #f5e9d6 | hsl(37, 61%, 90%) |
|
|
| 100 | oklch(0.916 0.038 79.10) | #f1e1c8 | hsl(37, 59%, 86%) |
|
|
| 200 | oklch(0.893 0.048 79.57) | #edd9b9 | hsl(37, 59%, 83%) |
|
|
| 300 | oklch(0.871 0.058 79.82) | #e9d1aa | hsl(37, 59%, 79%) |
|
|
| 400 | oklch(0.850 0.068 78.54) | #e6c99c | hsl(36, 60%, 76%) |
|
|
| 500 | oklch(0.827 0.078 78.70) | #e2c18d | hsl(37, 59%, 72%) |
|
|
| 600 | oklch(0.753 0.108 77.58) | #d5a65b | hsl(37, 59%, 60%) |
|
|
| 700 | oklch(0.667 0.121 74.33) | #c08831 | hsl(37, 59%, 47%) |
|
|
| 800 | oklch(0.534 0.095 74.82) | #8d6424 | hsl(37, 59%, 35%) |
|
|
| 900 | oklch(0.395 0.068 76.30) | #5b4117 | hsl(37, 60%, 22%) |
|
|
| 950 | oklch(0.241 0.036 77.06) | #291d0a | hsl(37, 61%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.034 86.31) | #f7ecd4 | hsl(41, 69%, 90%) |
|
|
| 100 | oklch(0.917 0.051 85.71) | #f3e2be | hsl(41, 69%, 85%) |
|
|
| 200 | oklch(0.889 0.069 85.73) | #efd8a7 | hsl(41, 69%, 80%) |
|
|
| 300 | oklch(0.863 0.085 87.04) | #eacf91 | hsl(42, 68%, 74%) |
|
|
| 400 | oklch(0.836 0.101 86.50) | #e6c57a | hsl(42, 68%, 69%) |
|
|
| 500 | oklch(0.809 0.115 85.57) | #e2bb64 | hsl(41, 68%, 64%) |
|
|
| 600 | oklch(0.756 0.137 83.57) | #d9a736 | hsl(42, 68%, 53%) |
|
|
| 700 | oklch(0.655 0.124 82.14) | #b68822 | hsl(41, 69%, 42%) |
|
|
| 800 | oklch(0.531 0.100 82.96) | #886619 | hsl(42, 69%, 32%) |
|
|
| 900 | oklch(0.397 0.072 83.82) | #594311 | hsl(42, 68%, 21%) |
|
|
| 950 | oklch(0.251 0.041 84.27) | #2b2008 | hsl(41, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
