Serene Earthy Color Palette
This palette exudes a serene, earthy elegance with warm terracotta, muted olive, deep teal, and soft charcoal, creating a balanced atmosphere that feels both grounded and sophisticated.
Practical uses and creative applications
The Serene Earthy Color Palette features a harmonious blend of warm and cool tones, including #e6a06f, #9e9c71, #5e8271, #33454e, and #242739. This palette is perfect for brands looking to evoke a sense of calm and connection to nature.
Its earthy hues make it an ideal choice for businesses in wellness, eco-friendly products, and outdoor lifestyle brands. Use this palette in branding materials, providing a soothing and inviting visual identity that resonates with audiences seeking tranquility and authenticity.
In web design, the Serene Earthy Color Palette can create a serene user experience, guiding visitors through a visually balanced and enjoyable journey. The subtle contrast between the warm and cool shades works well for backgrounds, buttons, and typography, making it easy to navigate without overwhelming the senses.
Interior designers can also leverage this palette to craft spaces that promote relaxation and well-being, perfect for homes, cafes, or yoga studios. This palette speaks to creatives and designers who wish to infuse their projects with a grounded, organic feel that fosters connection and peace.
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.926 0.030 55.99) | #f7e2d4 | hsl(24, 69%, 90%) |
|
|
| 100 | oklch(0.893 0.046 57.46) | #f4d5bf | hsl(25, 71%, 85%) |
|
|
| 200 | oklch(0.860 0.060 57.77) | #f0c8ab | hsl(25, 70%, 81%) |
|
|
| 300 | oklch(0.828 0.075 57.22) | #edbb97 | hsl(25, 70%, 76%) |
|
|
| 400 | oklch(0.794 0.090 56.01) | #e9ad83 | hsl(25, 70%, 71%) |
|
|
| 500 | oklch(0.763 0.106 55.42) | #e6a06f | hsl(25, 70%, 67%) |
|
|
| 600 | oklch(0.688 0.140 52.61) | #dd7f3e | hsl(25, 70%, 55%) |
|
|
| 700 | oklch(0.599 0.141 51.05) | #c06321 | hsl(25, 71%, 44%) |
|
|
| 800 | oklch(0.483 0.110 51.15) | #8e4919 | hsl(25, 70%, 33%) |
|
|
| 900 | oklch(0.362 0.079 52.41) | #5d3010 | hsl(25, 71%, 21%) |
|
|
| 950 | oklch(0.226 0.042 52.94) | #2b1608 | hsl(24, 69%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.885 0.022 103.92) | #dbdaca | hsl(56, 19%, 83%) |
|
|
| 200 | oklch(0.837 0.031 105.02) | #cccbb4 | hsl(57, 19%, 75%) |
|
|
| 300 | oklch(0.786 0.040 104.03) | #bdbb9e | hsl(56, 19%, 68%) |
|
|
| 400 | oklch(0.736 0.051 106.30) | #adac87 | hsl(58, 19%, 60%) |
|
|
| 500 | oklch(0.683 0.060 105.63) | #9e9c71 | hsl(57, 19%, 53%) |
|
|
| 600 | oklch(0.608 0.058 105.64) | #87855c | hsl(57, 19%, 45%) |
|
|
| 700 | oklch(0.521 0.049 105.03) | #6d6b4a | hsl(57, 19%, 36%) |
|
|
| 800 | oklch(0.430 0.039 104.04) | #535138 | hsl(56, 19%, 27%) |
|
|
| 900 | oklch(0.335 0.028 107.83) | #383827 | hsl(60, 18%, 19%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.011 167.79) | #e1eae6 | hsl(153, 18%, 90%) |
|
|
| 100 | oklch(0.862 0.020 164.51) | #c6d6ce | hsl(150, 16%, 81%) |
|
|
| 200 | oklch(0.793 0.029 165.25) | #abc2b7 | hsl(151, 16%, 72%) |
|
|
| 300 | oklch(0.724 0.039 165.37) | #90aea0 | hsl(152, 16%, 62%) |
|
|
| 400 | oklch(0.655 0.051 164.86) | #749b89 | hsl(152, 16%, 53%) |
|
|
| 500 | oklch(0.574 0.048 164.08) | #5e8271 | hsl(152, 16%, 44%) |
|
|
| 600 | oklch(0.510 0.042 165.17) | #4f6e60 | hsl(153, 16%, 37%) |
|
|
| 700 | oklch(0.443 0.036 163.78) | #415a4e | hsl(151, 16%, 30%) |
|
|
| 800 | oklch(0.374 0.030 165.40) | #32463d | hsl(153, 17%, 24%) |
|
|
| 900 | oklch(0.302 0.023 162.99) | #24322b | hsl(150, 16%, 17%) |
|
|
| 950 | oklch(0.225 0.015 166.08) | #151e1a | hsl(153, 18%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.009 232.37) | #e0e7eb | hsl(202, 22%, 90%) |
|
|
| 100 | oklch(0.825 0.022 227.59) | #b8c9d1 | hsl(199, 21%, 77%) |
|
|
| 200 | oklch(0.723 0.034 229.48) | #90aab7 | hsl(200, 21%, 64%) |
|
|
| 300 | oklch(0.617 0.048 230.83) | #688b9d | hsl(200, 21%, 51%) |
|
|
| 400 | oklch(0.501 0.039 231.05) | #4d6876 | hsl(200, 21%, 38%) |
|
|
| 500 | oklch(0.379 0.028 230.00) | #33454e | hsl(200, 21%, 25%) |
|
|
| 600 | oklch(0.349 0.025 229.97) | #2d3d45 | hsl(200, 21%, 22%) |
|
|
| 700 | oklch(0.316 0.021 231.81) | #27343b | hsl(201, 20%, 19%) |
|
|
| 800 | oklch(0.285 0.020 229.92) | #202c32 | hsl(200, 22%, 16%) |
|
|
| 900 | oklch(0.253 0.016 224.30) | #1a2428 | hsl(197, 21%, 13%) |
|
|
| 950 | oklch(0.217 0.013 233.22) | #141b1f | hsl(202, 22%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.014 281.55) | #e0e1eb | hsl(235, 22%, 90%) |
|
|
| 100 | oklch(0.784 0.034 278.08) | #b3b7cf | hsl(231, 23%, 76%) |
|
|
| 200 | oklch(0.649 0.059 277.82) | #868cb3 | hsl(232, 23%, 61%) |
|
|
| 300 | oklch(0.517 0.075 276.95) | #5d6493 | hsl(232, 23%, 47%) |
|
|
| 400 | oklch(0.403 0.055 275.52) | #404666 | hsl(231, 23%, 33%) |
|
|
| 500 | oklch(0.278 0.034 276.69) | #242739 | hsl(231, 23%, 18%) |
|
|
| 600 | oklch(0.262 0.032 278.76) | #212334 | hsl(234, 22%, 17%) |
|
|
| 700 | oklch(0.248 0.029 275.36) | #1d202f | hsl(230, 24%, 15%) |
|
|
| 800 | oklch(0.231 0.027 277.76) | #1a1c2a | hsl(233, 24%, 13%) |
|
|
| 900 | oklch(0.217 0.022 276.42) | #171924 | hsl(231, 22%, 12%) |
|
|
| 950 | oklch(0.200 0.020 279.96) | #14151f | hsl(235, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
