Cozy Earthy Color Palette
This earthy palette blends deep mahogany and warm terracotta with vibrant chartreuse and soft pastel yellow, evoking a cozy yet lively atmosphere reminiscent of a sun-drenched autumn garden.
Practical uses and creative applications
The Cozy Earthy Color Palette is a harmonious blend of warm, inviting tones that evoke a sense of comfort and tranquility. Featuring rich shades like #554236 (a deep brown), vibrant #f77825 (a warm orange), earthy #d3ce3d (a muted yellow), soft #f1efa5 (a light cream), and refreshing #60b99a (a calming green), this palette is perfect for creating designs that resonate with nature and warmth.
Ideal for branding, web design, and packaging, it can effectively communicate a brand’s commitment to sustainability and earth-friendly practices, making it especially appealing for eco-conscious businesses and artisanal brands. This palette is perfect for creatives and designers looking to infuse warmth into their projects.
Whether you're designing a cozy café website, crafting eco-friendly product packaging, or curating an inviting interior space, the Cozy Earthy Color Palette sets a serene and nurturing mood. It suits styles ranging from rustic and bohemian to modern minimalism, allowing for versatile applications that can attract an audience seeking comfort and authenticity.
Embrace this palette to create a welcoming environment that resonates with your audience and leaves a lasting impression.
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.923 0.009 52.09) | #ebe4e0 | hsl(22, 22%, 90%) |
|
|
100 | oklch(0.827 0.022 56.07) | #d2c3b9 | hsl(24, 22%, 77%) |
|
|
200 | oklch(0.726 0.035 54.00) | #b9a192 | hsl(23, 22%, 65%) |
|
|
300 | oklch(0.623 0.052 53.20) | #a17f6a | hsl(23, 23%, 52%) |
|
|
400 | oklch(0.513 0.045 52.69) | #7c604f | hsl(23, 22%, 40%) |
|
|
500 | oklch(0.396 0.033 53.80) | #554236 | hsl(23, 22%, 27%) |
|
|
600 | oklch(0.363 0.029 56.13) | #4a3a2f | hsl(24, 22%, 24%) |
|
|
700 | oklch(0.326 0.026 54.34) | #3f3128 | hsl(23, 22%, 20%) |
|
|
800 | oklch(0.292 0.023 55.33) | #352921 | hsl(24, 23%, 17%) |
|
|
900 | oklch(0.256 0.018 55.47) | #2a211b | hsl(24, 22%, 14%) |
|
|
950 | oklch(0.216 0.014 51.44) | #1f1814 | hsl(22, 22%, 10%) |
|
dsfds
50 | oklch(0.928 0.040 56.33) | #fde1ce | hsl(24, 92%, 90%) |
|
|
100 | oklch(0.879 0.069 55.32) | #fcccac | hsl(24, 93%, 83%) |
|
|
200 | oklch(0.833 0.099 54.41) | #fbb78a | hsl(24, 93%, 76%) |
|
|
300 | oklch(0.787 0.127 53.12) | #f9a269 | hsl(24, 92%, 69%) |
|
|
400 | oklch(0.747 0.154 51.30) | #f88d47 | hsl(24, 93%, 63%) |
|
|
500 | oklch(0.710 0.178 48.25) | #f77825 | hsl(24, 93%, 56%) |
|
|
600 | oklch(0.649 0.184 44.83) | #e56008 | hsl(24, 93%, 46%) |
|
|
700 | oklch(0.553 0.154 45.24) | #b84d07 | hsl(24, 93%, 37%) |
|
|
800 | oklch(0.452 0.124 46.05) | #8b3a05 | hsl(24, 93%, 28%) |
|
|
900 | oklch(0.346 0.092 47.69) | #5e2703 | hsl(24, 94%, 19%) |
|
|
950 | oklch(0.233 0.055 53.30) | #311502 | hsl(24, 92%, 10%) |
|
dsfds
50 | oklch(0.963 0.042 105.69) | #f6f5d5 | hsl(58, 65%, 90%) |
|
|
100 | oklch(0.935 0.070 105.91) | #efedb7 | hsl(58, 64%, 83%) |
|
|
200 | oklch(0.907 0.098 106.28) | #e8e598 | hsl(58, 63%, 75%) |
|
|
300 | oklch(0.880 0.122 106.60) | #e1dd7a | hsl(58, 63%, 68%) |
|
|
400 | oklch(0.856 0.144 107.34) | #dad65b | hsl(58, 63%, 61%) |
|
|
500 | oklch(0.830 0.159 107.42) | #d3ce3d | hsl(58, 63%, 53%) |
|
|
600 | oklch(0.754 0.150 107.35) | #bab52a | hsl(58, 63%, 45%) |
|
|
700 | oklch(0.644 0.127 107.36) | #969222 | hsl(58, 63%, 36%) |
|
|
800 | oklch(0.528 0.103 107.38) | #726f1a | hsl(58, 63%, 27%) |
|
|
900 | oklch(0.406 0.077 107.40) | #4e4c12 | hsl(58, 63%, 19%) |
|
|
950 | oklch(0.274 0.049 107.50) | #2a2909 | hsl(58, 65%, 10%) |
|
dsfds
50 | oklch(0.968 0.047 105.94) | #f8f7d3 | hsl(58, 73%, 90%) |
|
|
100 | oklch(0.963 0.057 106.35) | #f7f6ca | hsl(59, 74%, 88%) |
|
|
200 | oklch(0.955 0.066 106.65) | #f5f4c1 | hsl(59, 72%, 86%) |
|
|
300 | oklch(0.949 0.076 106.13) | #f4f2b7 | hsl(58, 73%, 84%) |
|
|
400 | oklch(0.943 0.085 107.21) | #f2f1ae | hsl(59, 72%, 82%) |
|
|
500 | oklch(0.937 0.094 106.76) | #f1efa5 | hsl(58, 73%, 80%) |
|
|
600 | oklch(0.897 0.146 107.73) | #e7e468 | hsl(59, 73%, 66%) |
|
|
700 | oklch(0.862 0.176 107.81) | #ded92a | hsl(58, 73%, 52%) |
|
|
800 | oklch(0.697 0.144 107.77) | #a7a31a | hsl(58, 73%, 38%) |
|
|
900 | oklch(0.501 0.102 107.44) | #6a6710 | hsl(58, 74%, 24%) |
|
|
950 | oklch(0.282 0.053 107.80) | #2c2b07 | hsl(58, 73%, 10%) |
|
dsfds
50 | oklch(0.936 0.022 174.98) | #dcefe9 | hsl(161, 37%, 90%) |
|
|
100 | oklch(0.894 0.039 172.06) | #c3e5d9 | hsl(159, 40%, 83%) |
|
|
200 | oklch(0.850 0.055 171.27) | #aadac9 | hsl(159, 39%, 76%) |
|
|
300 | oklch(0.806 0.071 170.39) | #91cfb9 | hsl(159, 39%, 69%) |
|
|
400 | oklch(0.764 0.084 169.95) | #79c4aa | hsl(159, 39%, 62%) |
|
|
500 | oklch(0.722 0.098 168.62) | #60b99a | hsl(159, 39%, 55%) |
|
|
600 | oklch(0.651 0.100 167.41) | #48a383 | hsl(159, 39%, 46%) |
|
|
700 | oklch(0.556 0.084 168.16) | #3a836a | hsl(159, 39%, 37%) |
|
|
800 | oklch(0.456 0.067 168.22) | #2c6350 | hsl(159, 38%, 28%) |
|
|
900 | oklch(0.351 0.049 168.29) | #1e4336 | hsl(159, 38%, 19%) |
|
|
950 | oklch(0.238 0.028 171.52) | #10231d | hsl(161, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.