Warm Earthy Color Palette
This palette exudes a warm, earthy charm with soft blush pinks, calming greens, and vibrant sunset oranges, evoking a cozy, bohemian vibe filled with natural elegance and a touch of playful energy.
Practical uses and creative applications
The Warm Earthy Color Palette is a harmonious blend of soft neutrals and vibrant, organic hues, perfect for those looking to evoke a sense of calm and comfort. With its gentle tones like #eddbc4 and #a3c9a7, this palette is ideal for branding projects that aim to convey sustainability and warmth, making it an excellent choice for eco-friendly brands, wellness products, or artisanal businesses.
The vibrant accents of #ffb353 and #ff6e4a bring a lively touch, perfect for web design elements that need to catch the eye without overwhelming the viewer. Interior designers and home decor enthusiasts will also appreciate the versatility of the Warm Earthy Color Palette.
Its soothing yet dynamic colors are perfect for creating inviting spaces that promote relaxation and creativity. Whether you're designing a cozy café, a tranquil spa, or a stylish home office, this palette can enhance any environment.
Ideal for creatives and designers alike, this color combination can transform packaging designs, marketing materials, and more, appealing to audiences who value both aesthetics and functionality. Embrace the warmth and richness of the earth with this palette to create beautiful, engaging designs that resonate.
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.933 0.024 73.60) | #f3e7d8 | hsl(33, 53%, 90%) |
|
|
| 100 | oklch(0.928 0.027 74.75) | #f2e5d4 | hsl(34, 54%, 89%) |
|
|
| 200 | oklch(0.920 0.029 72.46) | #f1e2d0 | hsl(33, 54%, 88%) |
|
|
| 300 | oklch(0.913 0.031 75.21) | #efe0cc | hsl(34, 52%, 87%) |
|
|
| 400 | oklch(0.906 0.034 73.18) | #eeddc8 | hsl(33, 53%, 86%) |
|
|
| 500 | oklch(0.900 0.037 74.04) | #eddbc4 | hsl(34, 53%, 85%) |
|
|
| 600 | oklch(0.800 0.074 73.27) | #dbb789 | hsl(34, 53%, 70%) |
|
|
| 700 | oklch(0.704 0.107 71.76) | #c9944f | hsl(34, 53%, 55%) |
|
|
| 800 | oklch(0.572 0.097 70.57) | #9c6d30 | hsl(34, 53%, 40%) |
|
|
| 900 | oklch(0.412 0.067 70.38) | #62441e | hsl(34, 53%, 25%) |
|
|
| 950 | oklch(0.233 0.032 71.37) | #271b0c | hsl(33, 53%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.021 147.63) | #dfece0 | hsl(125, 25%, 90%) |
|
|
| 100 | oklch(0.904 0.029 148.58) | #d3e5d5 | hsl(127, 26%, 86%) |
|
|
| 200 | oklch(0.878 0.038 147.71) | #c7dec9 | hsl(125, 26%, 83%) |
|
|
| 300 | oklch(0.852 0.045 148.20) | #bbd7be | hsl(126, 26%, 79%) |
|
|
| 400 | oklch(0.825 0.054 147.56) | #afd0b2 | hsl(125, 26%, 75%) |
|
|
| 500 | oklch(0.799 0.062 147.83) | #a3c9a7 | hsl(126, 26%, 71%) |
|
|
| 600 | oklch(0.713 0.091 146.85) | #7cb281 | hsl(126, 26%, 59%) |
|
|
| 700 | oklch(0.616 0.104 146.77) | #58965f | hsl(127, 26%, 47%) |
|
|
| 800 | oklch(0.497 0.082 146.73) | #416f46 | hsl(127, 26%, 35%) |
|
|
| 900 | oklch(0.370 0.058 146.63) | #2a482d | hsl(126, 26%, 22%) |
|
|
| 950 | oklch(0.227 0.029 146.42) | #132014 | hsl(125, 25%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.045 72.68) | #ffe8cc | hsl(33, 100%, 90%) |
|
|
| 100 | oklch(0.918 0.066 73.54) | #ffdeb4 | hsl(34, 100%, 85%) |
|
|
| 200 | oklch(0.892 0.086 72.58) | #ffd39c | hsl(33, 100%, 81%) |
|
|
| 300 | oklch(0.867 0.107 71.96) | #ffc883 | hsl(33, 100%, 76%) |
|
|
| 400 | oklch(0.845 0.125 71.46) | #ffbe6b | hsl(34, 100%, 71%) |
|
|
| 500 | oklch(0.822 0.141 69.73) | #ffb353 | hsl(33, 100%, 66%) |
|
|
| 600 | oklch(0.774 0.170 63.75) | #ff9a1a | hsl(34, 100%, 55%) |
|
|
| 700 | oklch(0.684 0.160 60.05) | #df7d00 | hsl(34, 100%, 44%) |
|
|
| 800 | oklch(0.551 0.128 61.07) | #a65d00 | hsl(34, 100%, 33%) |
|
|
| 900 | oklch(0.409 0.093 63.75) | #6c3d00 | hsl(34, 100%, 21%) |
|
|
| 950 | oklch(0.252 0.055 68.01) | #331c00 | hsl(33, 100%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.048 33.97) | #ffd6cc | hsl(12, 100%, 90%) |
|
|
| 100 | oklch(0.863 0.075 33.99) | #ffc1b2 | hsl(12, 100%, 85%) |
|
|
| 200 | oklch(0.820 0.102 34.15) | #ffac98 | hsl(12, 100%, 80%) |
|
|
| 300 | oklch(0.781 0.130 35.02) | #ff987e | hsl(12, 100%, 75%) |
|
|
| 400 | oklch(0.744 0.158 35.13) | #ff8364 | hsl(12, 100%, 70%) |
|
|
| 500 | oklch(0.711 0.185 35.13) | #ff6e4a | hsl(12, 100%, 65%) |
|
|
| 600 | oklch(0.657 0.231 33.62) | #ff4112 | hsl(12, 100%, 54%) |
|
|
| 700 | oklch(0.575 0.213 32.76) | #da2b00 | hsl(12, 100%, 43%) |
|
|
| 800 | oklch(0.463 0.169 33.33) | #a22000 | hsl(12, 100%, 32%) |
|
|
| 900 | oklch(0.346 0.123 34.50) | #6b1500 | hsl(12, 100%, 21%) |
|
|
| 950 | oklch(0.217 0.070 38.90) | #330a00 | hsl(12, 100%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
| 100 | oklch(0.833 0.009 337.47) | #ccc6ca | hsl(320, 6%, 79%) |
|
|
| 200 | oklch(0.741 0.013 337.62) | #b1a8ae | hsl(320, 5%, 68%) |
|
|
| 300 | oklch(0.647 0.019 334.37) | #968a93 | hsl(315, 5%, 56%) |
|
|
| 400 | oklch(0.550 0.021 336.90) | #7a6d76 | hsl(318, 6%, 45%) |
|
|
| 500 | oklch(0.451 0.017 336.57) | #5c5259 | hsl(318, 6%, 34%) |
|
|
| 600 | oklch(0.405 0.015 338.02) | #4f464c | hsl(320, 6%, 29%) |
|
|
| 700 | oklch(0.361 0.013 335.92) | #423b40 | hsl(317, 6%, 25%) |
|
|
| 800 | oklch(0.313 0.011 337.96) | #352f33 | hsl(320, 6%, 20%) |
|
|
| 900 | oklch(0.266 0.008 334.38) | #282427 | hsl(315, 5%, 15%) |
|
|
| 950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
