Serene Earthy Color Palette
This palette exudes a serene, earthy elegance with soft whites and muted taupes harmonizing with fresh greenery, creating a calming and sophisticated atmosphere.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft neutrals and calming greens, perfect for creating a soothing atmosphere in various design projects. Comprising shades like #FFFFFF (pure white), #DCD4CC (gentle beige), #B8A998 (muted taupe), #A5D595 (earthy green), and #87C771 (fresh leaf green), this palette is ideal for brands aiming to convey tranquility and sustainability.
Designers can leverage these colors in branding, web design, and packaging to evoke a sense of peace and connection to nature, making it particularly appealing for wellness brands, eco-friendly products, or interior design projects focused on creating serene spaces. This color palette is especially suited for creatives who prioritize a minimalist yet inviting aesthetic.
Interior designers can incorporate the Serene Earthy Color Palette to craft calming residential spaces or cozy commercial environments, while web designers can enhance user experience by utilizing these colors to create clean, approachable interfaces. Whether you’re designing a spa's branding materials or refreshing a boutique's interior, this palette speaks to audiences seeking comfort and balance in their surroundings.
Embrace the serene vibes of this earthy palette to inspire creativity and elevate your design projects.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 73.74) | #eae6e1 | hsl(33, 18%, 90%) |
|
|
| 100 | oklch(0.915 0.009 67.72) | #e7e2dd | hsl(30, 17%, 89%) |
|
|
| 200 | oklch(0.906 0.012 71.89) | #e5dfd8 | hsl(32, 20%, 87%) |
|
|
| 300 | oklch(0.895 0.012 67.67) | #e2dbd4 | hsl(30, 19%, 86%) |
|
|
| 400 | oklch(0.886 0.013 71.32) | #dfd8d0 | hsl(32, 19%, 85%) |
|
|
| 500 | oklch(0.874 0.014 67.64) | #dcd4cc | hsl(30, 19%, 83%) |
|
|
| 600 | oklch(0.763 0.027 67.40) | #beafa0 | hsl(30, 19%, 69%) |
|
|
| 700 | oklch(0.644 0.040 65.69) | #9f8974 | hsl(29, 18%, 54%) |
|
|
| 800 | oklch(0.516 0.038 66.83) | #776451 | hsl(30, 19%, 39%) |
|
|
| 900 | oklch(0.375 0.025 69.39) | #4a3f33 | hsl(31, 18%, 25%) |
|
|
| 950 | oklch(0.221 0.011 73.33) | #1e1a15 | hsl(33, 18%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.008 73.74) | #eae6e1 | hsl(33, 18%, 90%) |
|
|
| 100 | oklch(0.891 0.013 75.36) | #e0dad2 | hsl(34, 18%, 85%) |
|
|
| 200 | oklch(0.853 0.016 67.61) | #d6cdc4 | hsl(30, 18%, 80%) |
|
|
| 300 | oklch(0.817 0.021 69.95) | #ccc1b5 | hsl(31, 18%, 75%) |
|
|
| 400 | oklch(0.780 0.025 69.52) | #c2b5a7 | hsl(31, 18%, 71%) |
|
|
| 500 | oklch(0.743 0.030 70.83) | #b8a998 | hsl(32, 18%, 66%) |
|
|
| 600 | oklch(0.655 0.041 70.92) | #a18d76 | hsl(32, 19%, 55%) |
|
|
| 700 | oklch(0.557 0.039 69.69) | #83705b | hsl(32, 18%, 44%) |
|
|
| 800 | oklch(0.453 0.032 68.69) | #625343 | hsl(31, 19%, 32%) |
|
|
| 900 | oklch(0.343 0.022 72.54) | #40372c | hsl(33, 19%, 21%) |
|
|
| 950 | oklch(0.221 0.011 73.33) | #1e1a15 | hsl(33, 18%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.035 137.47) | #e0f1da | hsl(104, 45%, 90%) |
|
|
| 100 | oklch(0.915 0.047 138.39) | #d4ebcd | hsl(106, 43%, 86%) |
|
|
| 200 | oklch(0.893 0.061 138.49) | #c8e6bf | hsl(106, 44%, 83%) |
|
|
| 300 | oklch(0.869 0.073 137.76) | #bde0b1 | hsl(105, 43%, 79%) |
|
|
| 400 | oklch(0.847 0.088 137.97) | #b1dba3 | hsl(105, 44%, 75%) |
|
|
| 500 | oklch(0.823 0.101 138.02) | #a5d595 | hsl(105, 43%, 71%) |
|
|
| 600 | oklch(0.750 0.142 138.22) | #7fc368 | hsl(105, 43%, 59%) |
|
|
| 700 | oklch(0.666 0.159 138.60) | #5daa43 | hsl(105, 43%, 46%) |
|
|
| 800 | oklch(0.536 0.124 138.59) | #457e32 | hsl(105, 43%, 35%) |
|
|
| 900 | oklch(0.394 0.088 138.63) | #2c5120 | hsl(105, 43%, 22%) |
|
|
| 950 | oklch(0.242 0.047 138.05) | #14250e | hsl(104, 45%, 10%) |
|
dsfds
| 50 | oklch(0.939 0.035 137.47) | #e0f1da | hsl(104, 45%, 90%) |
|
|
| 100 | oklch(0.903 0.054 137.64) | #cee8c5 | hsl(105, 43%, 84%) |
|
|
| 200 | oklch(0.868 0.075 137.93) | #bce0b0 | hsl(105, 44%, 78%) |
|
|
| 300 | oklch(0.835 0.095 137.64) | #abd89b | hsl(104, 44%, 73%) |
|
|
| 400 | oklch(0.799 0.114 137.80) | #99cf86 | hsl(104, 43%, 67%) |
|
|
| 500 | oklch(0.766 0.134 138.07) | #87c771 | hsl(105, 43%, 61%) |
|
|
| 600 | oklch(0.707 0.165 138.60) | #67b84c | hsl(105, 43%, 51%) |
|
|
| 700 | oklch(0.605 0.142 138.50) | #52953b | hsl(105, 43%, 41%) |
|
|
| 800 | oklch(0.490 0.112 138.48) | #3d6f2c | hsl(105, 43%, 30%) |
|
|
| 900 | oklch(0.372 0.081 138.09) | #294a1d | hsl(104, 44%, 20%) |
|
|
| 950 | oklch(0.242 0.047 138.05) | #14250e | hsl(104, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
