Earthy Color Palette for Cozy Spaces
This earthy palette blends deep charcoal, muted olive, warm taupe, soft beige, and creamy gold, creating a cozy, rustic vibe with a touch of elegant sophistication.
Practical uses and creative applications
The 'Earthy Color Palette for Cozy Spaces' is a harmonious blend of warm, natural hues, perfect for creating inviting environments in branding, web design, and interior decor. Featuring deep, rich tones like #312c20 and #494d4b, complemented by softer shades such as #b3a176 and #e2cb92, this palette evokes a sense of tranquility and warmth.
It is particularly ideal for brands focused on sustainability, wellness, or home goods, where the goal is to foster a sense of comfort and connection with nature. Designers and creatives can leverage this earthy palette to enhance the mood of their projects.
In web design, these colors can provide a soothing background that encourages user engagement, while in packaging, they can create a rustic yet sophisticated aesthetic that resonates with eco-conscious consumers. For interior spaces, using these colors can transform a room into a cozy retreat, perfect for relaxation or social gatherings.
Whether you're designing a cozy café, a serene spa, or a rustic brand identity, the 'Earthy Color Palette for Cozy Spaces' offers versatility and warmth to suit a range of creative endeavors.
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.931 0.011 89.73) | #ebe8e0 | hsl(44, 22%, 90%) |
|
|
100 | oklch(0.825 0.027 87.87) | #cdc5b2 | hsl(42, 21%, 75%) |
|
|
200 | oklch(0.718 0.044 88.81) | #afa385 | hsl(43, 21%, 60%) |
|
|
300 | oklch(0.597 0.051 88.21) | #8c7e5c | hsl(43, 21%, 45%) |
|
|
400 | oklch(0.453 0.038 87.20) | #5f553e | hsl(42, 21%, 31%) |
|
|
500 | oklch(0.295 0.022 88.05) | #312c20 | hsl(42, 21%, 16%) |
|
|
600 | oklch(0.282 0.020 90.43) | #2d291e | hsl(44, 20%, 15%) |
|
|
700 | oklch(0.267 0.019 84.46) | #2a251b | hsl(40, 22%, 14%) |
|
|
800 | oklch(0.253 0.017 86.85) | #262219 | hsl(42, 21%, 12%) |
|
|
900 | oklch(0.240 0.015 89.92) | #221f17 | hsl(44, 19%, 11%) |
|
|
950 | oklch(0.227 0.015 89.92) | #1f1c14 | hsl(44, 22%, 10%) |
|
dsfds
50 | oklch(0.924 0.001 197.14) | #e5e6e6 | hsl(180, 2%, 90%) |
|
|
100 | oklch(0.830 0.004 174.46) | #c5c8c7 | hsl(160, 3%, 78%) |
|
|
200 | oklch(0.733 0.006 170.37) | #a5aaa8 | hsl(156, 3%, 66%) |
|
|
300 | oklch(0.634 0.008 164.80) | #868c89 | hsl(150, 3%, 54%) |
|
|
400 | oklch(0.529 0.009 164.71) | #676d6a | hsl(150, 3%, 42%) |
|
|
500 | oklch(0.416 0.006 164.75) | #494d4b | hsl(150, 3%, 29%) |
|
|
600 | oklch(0.378 0.006 164.70) | #3f4341 | hsl(150, 3%, 25%) |
|
|
700 | oklch(0.341 0.005 156.94) | #363937 | hsl(140, 3%, 22%) |
|
|
800 | oklch(0.301 0.006 156.89) | #2c2f2d | hsl(140, 3%, 18%) |
|
|
900 | oklch(0.258 0.003 164.79) | #222423 | hsl(150, 3%, 14%) |
|
|
950 | oklch(0.217 0.002 197.04) | #191a1a | hsl(180, 2%, 10%) |
|
dsfds
50 | oklch(0.931 0.011 89.73) | #ebe8e0 | hsl(44, 22%, 90%) |
|
|
100 | oklch(0.861 0.021 88.73) | #d7d1c2 | hsl(43, 21%, 80%) |
|
|
200 | oklch(0.789 0.033 91.07) | #c2baa3 | hsl(45, 20%, 70%) |
|
|
300 | oklch(0.715 0.043 88.21) | #aea285 | hsl(42, 20%, 60%) |
|
|
400 | oklch(0.641 0.055 88.50) | #9a8b66 | hsl(43, 20%, 50%) |
|
|
500 | oklch(0.548 0.046 88.75) | #7c7052 | hsl(43, 20%, 40%) |
|
|
600 | oklch(0.488 0.040 88.77) | #695f46 | hsl(43, 20%, 34%) |
|
|
700 | oklch(0.427 0.035 87.49) | #574e39 | hsl(42, 21%, 28%) |
|
|
800 | oklch(0.362 0.028 87.12) | #443d2d | hsl(42, 20%, 22%) |
|
|
900 | oklch(0.298 0.021 91.81) | #312d21 | hsl(45, 20%, 16%) |
|
|
950 | oklch(0.227 0.015 89.92) | #1f1c14 | hsl(44, 22%, 10%) |
|
dsfds
50 | oklch(0.932 0.014 84.58) | #ede8de | hsl(40, 29%, 90%) |
|
|
100 | oklch(0.889 0.024 88.24) | #e1dac9 | hsl(43, 29%, 84%) |
|
|
200 | oklch(0.847 0.033 87.30) | #d6ccb5 | hsl(42, 29%, 77%) |
|
|
300 | oklch(0.804 0.043 88.81) | #cabea0 | hsl(43, 28%, 71%) |
|
|
400 | oklch(0.758 0.052 86.85) | #bfaf8b | hsl(42, 29%, 65%) |
|
|
500 | oklch(0.714 0.062 87.90) | #b3a176 | hsl(42, 29%, 58%) |
|
|
600 | oklch(0.641 0.072 87.57) | #9f8a58 | hsl(42, 29%, 48%) |
|
|
700 | oklch(0.548 0.060 87.37) | #806f47 | hsl(42, 29%, 39%) |
|
|
800 | oklch(0.447 0.048 87.03) | #605335 | hsl(42, 29%, 29%) |
|
|
900 | oklch(0.343 0.034 88.65) | #403824 | hsl(43, 28%, 20%) |
|
|
950 | oklch(0.229 0.020 84.33) | #211c12 | hsl(40, 29%, 10%) |
|
dsfds
50 | oklch(0.944 0.029 89.57) | #f4ecd7 | hsl(43, 57%, 90%) |
|
|
100 | oklch(0.924 0.039 87.57) | #f1e5c9 | hsl(42, 59%, 87%) |
|
|
200 | oklch(0.906 0.050 89.30) | #eddfbb | hsl(43, 58%, 83%) |
|
|
300 | oklch(0.885 0.059 89.01) | #e9d8ad | hsl(43, 58%, 80%) |
|
|
400 | oklch(0.868 0.069 88.77) | #e6d2a0 | hsl(43, 58%, 76%) |
|
|
500 | oklch(0.848 0.078 88.55) | #e2cb92 | hsl(43, 58%, 73%) |
|
|
600 | oklch(0.780 0.111 87.69) | #d5b35f | hsl(43, 58%, 60%) |
|
|
700 | oklch(0.699 0.124 86.37) | #c09833 | hsl(43, 58%, 48%) |
|
|
800 | oklch(0.561 0.098 86.13) | #8e7026 | hsl(43, 58%, 35%) |
|
|
900 | oklch(0.411 0.069 87.01) | #5b4818 | hsl(43, 58%, 23%) |
|
|
950 | oklch(0.247 0.036 88.74) | #28200b | hsl(43, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.