Serene Earthy Color Palette
This palette exudes a serene, sophisticated vibe with earthy browns, muted grays, and soft blues, evoking a tranquil, modern aesthetic reminiscent of a cozy, elegant retreat.
Practical uses and creative applications
The Serene Earthy Color Palette embodies a soothing blend of muted tones, perfect for creating a calming and grounded aesthetic. Comprising rich browns, soft greys, and gentle blues, this palette is ideal for brands aiming to evoke a sense of tranquility and connection to nature.
Whether you’re designing a minimalist website, refreshing your brand identity, or curating packaging that stands out on the shelves, these colors seamlessly integrate to enhance the overall experience and message of your project. This palette is particularly well-suited for designers and creatives in the wellness, eco-friendly, and lifestyle sectors.
Its earthy hues resonate with audiences seeking authenticity and mindfulness, making it an excellent choice for interior design projects that aim to transform spaces into serene retreats. From cozy cafés to holistic spas, the Serene Earthy Color Palette invites a sense of peace and balance, encouraging users to slow down and appreciate their surroundings.
Whether you’re a graphic designer or an interior decorator, these colors will help you create spaces and brands that feel both inviting and rejuvenating.
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.927 0.010 72.66) | #ebe6e0 | hsl(33, 22%, 90%) |
|
|
| 100 | oklch(0.830 0.024 69.55) | #d2c5b7 | hsl(31, 23%, 77%) |
|
|
| 200 | oklch(0.730 0.039 69.83) | #b8a48e | hsl(31, 23%, 64%) |
|
|
| 300 | oklch(0.627 0.054 69.55) | #9e8365 | hsl(32, 23%, 51%) |
|
|
| 400 | oklch(0.508 0.044 66.58) | #77614b | hsl(30, 23%, 38%) |
|
|
| 500 | oklch(0.382 0.031 68.62) | #4e4031 | hsl(31, 23%, 25%) |
|
|
| 600 | oklch(0.351 0.028 66.68) | #45382b | hsl(30, 23%, 22%) |
|
|
| 700 | oklch(0.320 0.025 71.84) | #3b3125 | hsl(33, 23%, 19%) |
|
|
| 800 | oklch(0.288 0.022 69.74) | #32291f | hsl(32, 23%, 16%) |
|
|
| 900 | oklch(0.255 0.018 63.09) | #29211a | hsl(28, 22%, 13%) |
|
|
| 950 | oklch(0.222 0.014 72.09) | #1f1a14 | hsl(33, 22%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.845 0.005 48.67) | #cfcbc9 | hsl(20, 6%, 80%) |
|
|
| 200 | oklch(0.763 0.008 61.42) | #b6b1ad | hsl(27, 6%, 70%) |
|
|
| 300 | oklch(0.681 0.011 58.14) | #9e9792 | hsl(25, 6%, 60%) |
|
|
| 400 | oklch(0.595 0.014 63.78) | #857d76 | hsl(28, 6%, 49%) |
|
|
| 500 | oklch(0.505 0.012 58.04) | #6a635e | hsl(25, 6%, 39%) |
|
|
| 600 | oklch(0.450 0.010 56.12) | #5a5450 | hsl(24, 6%, 33%) |
|
|
| 700 | oklch(0.394 0.008 53.25) | #4a4542 | hsl(22, 6%, 27%) |
|
|
| 800 | oklch(0.340 0.008 59.42) | #3b3734 | hsl(26, 6%, 22%) |
|
|
| 900 | oklch(0.279 0.006 56.15) | #2b2826 | hsl(24, 6%, 16%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.001 286.37) | #e5e5e6 | hsl(240, 2%, 90%) |
|
|
| 100 | oklch(0.864 0.003 286.34) | #d2d2d4 | hsl(240, 2%, 83%) |
|
|
| 200 | oklch(0.806 0.004 301.41) | #c0bfc2 | hsl(260, 2%, 75%) |
|
|
| 300 | oklch(0.746 0.004 301.40) | #adacaf | hsl(260, 2%, 68%) |
|
|
| 400 | oklch(0.685 0.006 297.67) | #9a999d | hsl(255, 2%, 61%) |
|
|
| 500 | oklch(0.623 0.007 295.36) | #87868b | hsl(252, 2%, 54%) |
|
|
| 600 | oklch(0.548 0.008 295.32) | #717075 | hsl(252, 2%, 45%) |
|
|
| 700 | oklch(0.470 0.006 297.58) | #5b5a5e | hsl(255, 2%, 36%) |
|
|
| 800 | oklch(0.389 0.005 301.28) | #454447 | hsl(260, 2%, 27%) |
|
|
| 900 | oklch(0.306 0.004 286.19) | #2f2f31 | hsl(240, 2%, 19%) |
|
|
| 950 | oklch(0.214 0.002 286.23) | #19191a | hsl(240, 2%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.007 268.54) | #e2e4e9 | hsl(223, 14%, 90%) |
|
|
| 100 | oklch(0.883 0.010 273.34) | #d6d8df | hsl(227, 12%, 86%) |
|
|
| 200 | oklch(0.846 0.013 271.26) | #c9ccd5 | hsl(225, 13%, 81%) |
|
|
| 300 | oklch(0.808 0.016 269.95) | #bcc0cb | hsl(224, 13%, 77%) |
|
|
| 400 | oklch(0.771 0.019 272.25) | #b0b4c1 | hsl(226, 12%, 72%) |
|
|
| 500 | oklch(0.732 0.022 271.10) | #a3a8b7 | hsl(225, 12%, 68%) |
|
|
| 600 | oklch(0.631 0.031 270.20) | #82899d | hsl(224, 12%, 56%) |
|
|
| 700 | oklch(0.530 0.034 270.70) | #646b80 | hsl(225, 12%, 45%) |
|
|
| 800 | oklch(0.429 0.027 271.56) | #4a4f5f | hsl(226, 12%, 33%) |
|
|
| 900 | oklch(0.325 0.019 268.11) | #30343e | hsl(223, 13%, 22%) |
|
|
| 950 | oklch(0.209 0.010 268.19) | #16181d | hsl(223, 14%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.021 264.47) | #dbe2f0 | hsl(220, 41%, 90%) |
|
|
| 100 | oklch(0.897 0.023 266.90) | #d6dded | hsl(222, 39%, 88%) |
|
|
| 200 | oklch(0.884 0.027 264.43) | #d0d9eb | hsl(220, 40%, 87%) |
|
|
| 300 | oklch(0.869 0.031 265.31) | #cad4e9 | hsl(221, 41%, 85%) |
|
|
| 400 | oklch(0.856 0.033 264.39) | #c5d0e6 | hsl(220, 40%, 84%) |
|
|
| 500 | oklch(0.841 0.037 265.11) | #bfcbe4 | hsl(221, 41%, 82%) |
|
|
| 600 | oklch(0.709 0.071 264.36) | #8ba1ce | hsl(220, 41%, 68%) |
|
|
| 700 | oklch(0.574 0.107 263.47) | #5777b8 | hsl(220, 41%, 53%) |
|
|
| 800 | oklch(0.455 0.094 263.63) | #3b558b | hsl(221, 40%, 39%) |
|
|
| 900 | oklch(0.333 0.066 264.50) | #253558 | hsl(221, 41%, 25%) |
|
|
| 950 | oklch(0.201 0.030 263.54) | #0f1624 | hsl(220, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
