Earthy Tones Color Palette
This palette blends soft, earthy tones with a bold pop of rosy pink and deep navy, creating a cozy yet vibrant atmosphere that feels both inviting and sophisticated.
Practical uses and creative applications
The Earthy Tones Color Palette exudes warmth and tranquility, making it an ideal choice for designers and creatives looking to evoke a sense of comfort and connection to nature. Featuring soft hues like #e6e1cd (a gentle cream), #c6d8c0 (a subtle sage green), and #d6b3b1 (a muted blush), this palette is perfect for branding initiatives that seek to establish a grounded, organic identity.
Whether you’re crafting a logo for a sustainable brand or designing packaging for artisanal products, these colors offer a harmonious blend that resonates with eco-conscious consumers. In web design, the Earthy Tones Color Palette can create a calming user experience, encouraging visitors to linger on your site.
The addition of vibrant accents like #f97992, a lively coral, injects energy without overwhelming the senses, making it suitable for creative studios or wellness brands looking to convey a vibrant yet soothing atmosphere. Interior designers can also leverage this palette to create inviting spaces that promote relaxation and well-being, perfect for homes, cafes, or wellness centers.
With its versatile applications, this palette is a go-to choice for anyone aiming to foster a natural and serene aesthetic in their 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.
| 50 | oklch(0.939 0.019 96.87) | #eeebdd | hsl(49, 33%, 90%) |
|
|
| 100 | oklch(0.932 0.020 97.54) | #ece9da | hsl(50, 32%, 89%) |
|
|
| 200 | oklch(0.927 0.022 95.30) | #ebe7d7 | hsl(48, 33%, 88%) |
|
|
| 300 | oklch(0.920 0.024 96.58) | #e9e5d3 | hsl(49, 33%, 87%) |
|
|
| 400 | oklch(0.915 0.026 94.75) | #e8e3d0 | hsl(48, 34%, 86%) |
|
|
| 500 | oklch(0.908 0.027 95.36) | #e6e1cd | hsl(48, 33%, 85%) |
|
|
| 600 | oklch(0.812 0.055 95.66) | #ccc29a | hsl(48, 33%, 70%) |
|
|
| 700 | oklch(0.718 0.082 95.98) | #b3a467 | hsl(48, 33%, 55%) |
|
|
| 800 | oklch(0.582 0.076 96.41) | #887b44 | hsl(49, 33%, 40%) |
|
|
| 900 | oklch(0.419 0.052 96.50) | #554d2b | hsl(49, 33%, 25%) |
|
|
| 950 | oklch(0.238 0.025 97.55) | #221f11 | hsl(49, 33%, 10%) |
|
| 50 | oklch(0.933 0.019 137.80) | #e3ece0 | hsl(105, 24%, 90%) |
|
|
| 100 | oklch(0.919 0.023 137.25) | #dde8d9 | hsl(104, 25%, 88%) |
|
|
| 200 | oklch(0.904 0.027 138.30) | #d7e4d3 | hsl(106, 24%, 86%) |
|
|
| 300 | oklch(0.890 0.030 139.10) | #d1e0cd | hsl(107, 23%, 84%) |
|
|
| 400 | oklch(0.876 0.034 137.08) | #ccdcc6 | hsl(104, 24%, 82%) |
|
|
| 500 | oklch(0.862 0.038 137.84) | #c6d8c0 | hsl(105, 24%, 80%) |
|
|
| 600 | oklch(0.764 0.066 138.12) | #9ebd94 | hsl(105, 24%, 66%) |
|
|
| 700 | oklch(0.663 0.094 138.21) | #76a168 | hsl(105, 23%, 52%) |
|
|
| 800 | oklch(0.534 0.079 137.81) | #56784a | hsl(104, 24%, 38%) |
|
|
| 900 | oklch(0.390 0.055 138.33) | #364c2f | hsl(106, 24%, 24%) |
|
|
| 950 | oklch(0.231 0.026 138.00) | #172014 | hsl(105, 23%, 10%) |
|
| 50 | oklch(0.913 0.016 17.46) | #eddede | hsl(0, 29%, 90%) |
|
|
| 100 | oklch(0.891 0.021 21.20) | #e9d6d5 | hsl(3, 31%, 87%) |
|
|
| 200 | oklch(0.867 0.026 20.66) | #e4cdcc | hsl(2, 31%, 85%) |
|
|
| 300 | oklch(0.843 0.031 20.31) | #dfc4c3 | hsl(2, 30%, 82%) |
|
|
| 400 | oklch(0.821 0.036 22.28) | #dbbcba | hsl(4, 31%, 79%) |
|
|
| 500 | oklch(0.797 0.041 21.90) | #d6b3b1 | hsl(3, 31%, 77%) |
|
|
| 600 | oklch(0.680 0.068 23.69) | #bf8884 | hsl(4, 32%, 63%) |
|
|
| 700 | oklch(0.561 0.099 23.92) | #a75c58 | hsl(3, 31%, 50%) |
|
|
| 800 | oklch(0.452 0.077 24.94) | #7b4440 | hsl(4, 32%, 37%) |
|
|
| 900 | oklch(0.333 0.052 23.76) | #4e2b29 | hsl(3, 31%, 23%) |
|
|
| 950 | oklch(0.203 0.025 19.48) | #211212 | hsl(0, 29%, 10%) |
|
| 50 | oklch(0.894 0.054 5.35) | #fdced7 | hsl(349, 92%, 90%) |
|
|
| 100 | oklch(0.859 0.074 6.08) | #fcbdc9 | hsl(349, 91%, 86%) |
|
|
| 200 | oklch(0.825 0.095 6.05) | #fbacbc | hsl(348, 91%, 83%) |
|
|
| 300 | oklch(0.792 0.116 7.24) | #fb9bae | hsl(348, 92%, 80%) |
|
|
| 400 | oklch(0.760 0.137 8.33) | #fa8aa0 | hsl(348, 92%, 76%) |
|
|
| 500 | oklch(0.731 0.158 9.54) | #f97992 | hsl(348, 91%, 73%) |
|
|
| 600 | oklch(0.646 0.220 15.49) | #f63c60 | hsl(348, 91%, 60%) |
|
|
| 700 | oklch(0.590 0.235 22.04) | #e80a36 | hsl(348, 92%, 47%) |
|
|
| 800 | oklch(0.471 0.186 21.31) | #ab0828 | hsl(348, 91%, 35%) |
|
|
| 900 | oklch(0.344 0.134 20.20) | #6e0519 | hsl(349, 91%, 23%) |
|
|
| 950 | oklch(0.203 0.076 15.00) | #31020b | hsl(349, 92%, 10%) |
|
| 50 | oklch(0.901 0.029 294.55) | #dfdbf0 | hsl(251, 41%, 90%) |
|
|
| 100 | oklch(0.756 0.075 294.24) | #b2a7db | hsl(253, 42%, 76%) |
|
|
| 200 | oklch(0.607 0.124 291.68) | #8473c6 | hsl(252, 42%, 61%) |
|
|
| 300 | oklch(0.470 0.154 288.23) | #5a46aa | hsl(252, 42%, 47%) |
|
|
| 400 | oklch(0.366 0.115 289.32) | #3f3076 | hsl(253, 42%, 33%) |
|
|
| 500 | oklch(0.255 0.071 289.85) | #231b42 | hsl(252, 42%, 18%) |
|
|
| 600 | oklch(0.242 0.065 289.91) | #20193c | hsl(252, 41%, 17%) |
|
|
| 700 | oklch(0.228 0.060 290.91) | #1d1636 | hsl(253, 42%, 15%) |
|
|
| 800 | oklch(0.215 0.054 291.07) | #1a1430 | hsl(253, 41%, 13%) |
|
|
| 900 | oklch(0.199 0.049 290.45) | #16112a | hsl(252, 42%, 12%) |
|
|
| 950 | oklch(0.186 0.042 290.48) | #130f24 | hsl(251, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
