Earthy Color Palette
This earthy palette blends rich olive greens and soft blushes with creamy neutrals, evoking a serene, rustic charm that feels both cozy and sophisticated.
Practical uses and creative applications
The 'Earthy Color Palette' is a harmonious blend of warm, muted tones that evoke the serene beauty of nature. Featuring rich shades like #63594d, a deep olive green, and #b18272, a soft terracotta, this palette is perfect for branding that seeks to communicate authenticity and sustainability.
It's particularly ideal for eco-conscious brands, artisanal products, and wellness industries that want to create a grounded and inviting presence. In web design, the 'Earthy Color Palette' can create a calming user experience, drawing users in with its soft, natural hues like #d6e4c3 and #eae3d1.
These colors are versatile enough to suit a range of styles, from rustic and bohemian to modern minimalism. Designers and creatives can use this palette for packaging that tells a story of organic origins, making it a great fit for food products, skincare lines, or handmade goods.
Whether you're designing an entire brand identity or just refreshing an interior space, this palette brings warmth and tranquility while remaining effortlessly chic.
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.006 75.40) | #e9e6e2 | hsl(34, 14%, 90%) |
|
|
| 100 | oklch(0.842 0.013 75.35) | #d0cac2 | hsl(34, 13%, 79%) |
|
|
| 200 | oklch(0.755 0.019 73.02) | #b7aea3 | hsl(33, 12%, 68%) |
|
|
| 300 | oklch(0.666 0.026 73.48) | #9e9283 | hsl(33, 12%, 57%) |
|
|
| 400 | oklch(0.573 0.029 72.93) | #837666 | hsl(33, 12%, 46%) |
|
|
| 500 | oklch(0.470 0.023 72.27) | #63594d | hsl(33, 13%, 35%) |
|
|
| 600 | oklch(0.422 0.020 70.18) | #554c42 | hsl(32, 13%, 30%) |
|
|
| 700 | oklch(0.376 0.018 74.13) | #474037 | hsl(34, 13%, 25%) |
|
|
| 800 | oklch(0.325 0.015 71.55) | #39332c | hsl(32, 13%, 20%) |
|
|
| 900 | oklch(0.272 0.012 67.30) | #2b2621 | hsl(30, 13%, 15%) |
|
|
| 950 | oklch(0.220 0.009 75.15) | #1d1a16 | hsl(34, 14%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.013 41.20) | #ede2de | hsl(16, 29%, 90%) |
|
|
| 100 | oklch(0.868 0.022 39.37) | #e1cfc9 | hsl(15, 29%, 84%) |
|
|
| 200 | oklch(0.814 0.031 40.85) | #d5bcb3 | hsl(16, 29%, 77%) |
|
|
| 300 | oklch(0.758 0.042 39.27) | #c9a89d | hsl(15, 29%, 70%) |
|
|
| 400 | oklch(0.704 0.052 38.77) | #bd9588 | hsl(15, 29%, 64%) |
|
|
| 500 | oklch(0.649 0.063 39.60) | #b18272 | hsl(15, 29%, 57%) |
|
|
| 600 | oklch(0.568 0.072 38.86) | #9c6857 | hsl(15, 28%, 48%) |
|
|
| 700 | oklch(0.488 0.061 40.45) | #7e5445 | hsl(16, 29%, 38%) |
|
|
| 800 | oklch(0.401 0.049 39.75) | #5f3f34 | hsl(15, 29%, 29%) |
|
|
| 900 | oklch(0.310 0.035 38.39) | #402a23 | hsl(14, 29%, 19%) |
|
|
| 950 | oklch(0.213 0.020 40.87) | #211612 | hsl(16, 29%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.014 84.58) | #ede8de | hsl(40, 29%, 90%) |
|
|
| 100 | oklch(0.899 0.020 84.59) | #e4ddcf | hsl(40, 28%, 85%) |
|
|
| 200 | oklch(0.867 0.028 83.53) | #dcd2bf | hsl(39, 29%, 81%) |
|
|
| 300 | oklch(0.835 0.035 86.31) | #d3c8b0 | hsl(41, 28%, 76%) |
|
|
| 400 | oklch(0.802 0.042 85.27) | #cbbda0 | hsl(40, 29%, 71%) |
|
|
| 500 | oklch(0.769 0.049 85.14) | #c2b291 | hsl(40, 29%, 66%) |
|
|
| 600 | oklch(0.688 0.065 85.23) | #ad986c | hsl(41, 28%, 55%) |
|
|
| 700 | oklch(0.592 0.065 84.51) | #907b50 | hsl(40, 29%, 44%) |
|
|
| 800 | oklch(0.479 0.051 84.04) | #6b5b3b | hsl(40, 29%, 33%) |
|
|
| 900 | oklch(0.361 0.036 85.20) | #463c27 | hsl(41, 28%, 21%) |
|
|
| 950 | oklch(0.229 0.020 84.33) | #211c12 | hsl(40, 29%, 10%) |
|
dsfds
| 50 | oklch(0.941 0.027 125.62) | #e7efdc | hsl(85, 37%, 90%) |
|
|
| 100 | oklch(0.933 0.031 125.20) | #e4edd7 | hsl(85, 38%, 89%) |
|
|
| 200 | oklch(0.925 0.035 126.52) | #e0ebd2 | hsl(86, 38%, 87%) |
|
|
| 300 | oklch(0.915 0.038 125.25) | #dde8cd | hsl(84, 37%, 86%) |
|
|
| 400 | oklch(0.907 0.042 126.37) | #d9e6c8 | hsl(86, 38%, 84%) |
|
|
| 500 | oklch(0.900 0.047 126.08) | #d6e4c3 | hsl(85, 38%, 83%) |
|
|
| 600 | oklch(0.814 0.087 126.98) | #b3cd90 | hsl(86, 38%, 68%) |
|
|
| 700 | oklch(0.728 0.126 128.05) | #90b65c | hsl(85, 38%, 54%) |
|
|
| 800 | oklch(0.591 0.110 128.33) | #6a8a3e | hsl(85, 38%, 39%) |
|
|
| 900 | oklch(0.424 0.075 128.26) | #425627 | hsl(86, 38%, 25%) |
|
|
| 950 | oklch(0.242 0.036 127.49) | #1b2310 | hsl(85, 37%, 10%) |
|
dsfds
| 50 | oklch(0.937 0.019 90.55) | #efeadc | hsl(44, 37%, 90%) |
|
|
| 100 | oklch(0.932 0.020 87.52) | #eee8da | hsl(42, 37%, 89%) |
|
|
| 200 | oklch(0.929 0.021 88.72) | #ede7d8 | hsl(43, 37%, 89%) |
|
|
| 300 | oklch(0.925 0.024 90.76) | #ece6d5 | hsl(44, 38%, 88%) |
|
|
| 400 | oklch(0.920 0.024 88.24) | #ebe4d3 | hsl(43, 38%, 87%) |
|
|
| 500 | oklch(0.917 0.025 89.22) | #eae3d1 | hsl(43, 37%, 87%) |
|
|
| 600 | oklch(0.817 0.055 89.49) | #d1c29b | hsl(43, 37%, 71%) |
|
|
| 700 | oklch(0.717 0.084 88.45) | #b9a165 | hsl(43, 38%, 56%) |
|
|
| 800 | oklch(0.584 0.080 88.42) | #8f7941 | hsl(43, 38%, 41%) |
|
|
| 900 | oklch(0.419 0.054 87.70) | #594b29 | hsl(43, 37%, 25%) |
|
|
| 950 | oklch(0.236 0.026 90.58) | #231e10 | hsl(44, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
