Cozy Earthy Color Palette
This earthy palette blends warm caramel browns and fiery orange accents with soft cream and deep charcoal, evoking a cozy yet modern vibe that feels both inviting and stylish.
Practical uses and creative applications
The Cozy Earthy Color Palette combines rich browns, soft neutrals, and vibrant accents to create a warm and inviting atmosphere. Featuring deep shades like #7a5b3e and #1f1f1f alongside lighter tones such as #fafafa and #cdbdae, this palette is perfect for branding that aims to evoke feelings of comfort and reliability.
The bold pop of #fa4b00 adds a touch of energy, making it an ideal choice for creative projects that seek to balance warmth with a bit of flair. Ideal for designers and creatives looking to infuse their work with a natural aesthetic, the Cozy Earthy Color Palette works beautifully in web design, packaging, and interior decor.
Whether you’re crafting a rustic-themed website, developing packaging for artisanal products, or redesigning a cozy cafe, these colors can enhance the user experience by creating a welcoming and grounded vibe. This palette is especially suited for brands focused on sustainability, organic products, or those wanting to evoke a sense of earthy tranquility in their messaging.
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.927 0.015 64.33) | #eee5dd | hsl(28, 33%, 90%) |
|
|
| 100 | oklch(0.846 0.030 64.07) | #dbc9b9 | hsl(28, 32%, 79%) |
|
|
| 200 | oklch(0.768 0.048 65.95) | #c9ae94 | hsl(29, 33%, 68%) |
|
|
| 300 | oklch(0.685 0.064 64.79) | #b69270 | hsl(29, 32%, 58%) |
|
|
| 400 | oklch(0.597 0.072 63.51) | #9e7651 | hsl(29, 32%, 47%) |
|
|
| 500 | oklch(0.496 0.059 63.89) | #7a5b3e | hsl(29, 33%, 36%) |
|
|
| 600 | oklch(0.445 0.052 64.74) | #684e35 | hsl(29, 32%, 31%) |
|
|
| 700 | oklch(0.394 0.045 64.59) | #57412c | hsl(29, 33%, 26%) |
|
|
| 800 | oklch(0.339 0.037 66.04) | #453423 | hsl(30, 33%, 20%) |
|
|
| 900 | oklch(0.280 0.029 63.95) | #33261a | hsl(29, 32%, 15%) |
|
|
| 950 | oklch(0.222 0.021 63.09) | #221911 | hsl(28, 33%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.937 0.000 89.88) | #eaeaea | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.949 0.000 89.88) | #eeeeee | hsl(0, 0%, 93%) |
|
|
| 300 | oklch(0.961 0.000 89.88) | #f2f2f2 | hsl(0, 0%, 95%) |
|
|
| 400 | oklch(0.973 0.000 89.88) | #f6f6f6 | hsl(0, 0%, 96%) |
|
|
| 500 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 600 | oklch(0.848 0.000 89.88) | #cdcdcd | hsl(0, 0%, 80%) |
|
|
| 700 | oklch(0.706 0.000 89.88) | #a0a0a0 | hsl(0, 0%, 63%) |
|
|
| 800 | oklch(0.556 0.000 89.88) | #737373 | hsl(0, 0%, 45%) |
|
|
| 900 | oklch(0.394 0.000 89.88) | #464646 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.918 0.045 43.92) | #ffdbcc | hsl(18, 100%, 90%) |
|
|
| 100 | oklch(0.854 0.084 44.33) | #ffbea2 | hsl(18, 100%, 82%) |
|
|
| 200 | oklch(0.795 0.125 44.11) | #ffa178 | hsl(18, 100%, 74%) |
|
|
| 300 | oklch(0.742 0.164 42.89) | #ff844f | hsl(18, 100%, 65%) |
|
|
| 400 | oklch(0.697 0.200 40.37) | #ff6625 | hsl(18, 100%, 57%) |
|
|
| 500 | oklch(0.657 0.220 36.92) | #fa4b00 | hsl(18, 100%, 49%) |
|
|
| 600 | oklch(0.578 0.192 37.30) | #d23f00 | hsl(18, 100%, 41%) |
|
|
| 700 | oklch(0.496 0.163 37.87) | #aa3300 | hsl(18, 100%, 33%) |
|
|
| 800 | oklch(0.412 0.133 38.64) | #832700 | hsl(18, 100%, 26%) |
|
|
| 900 | oklch(0.322 0.100 40.34) | #5b1b00 | hsl(18, 100%, 18%) |
|
|
| 950 | oklch(0.225 0.065 44.79) | #330f00 | hsl(18, 100%, 10%) |
|
| 50 | oklch(0.926 0.011 63.35) | #ece5df | hsl(28, 25%, 90%) |
|
|
| 100 | oklch(0.902 0.013 63.91) | #e5ddd6 | hsl(28, 22%, 87%) |
|
|
| 200 | oklch(0.879 0.017 64.65) | #dfd5cc | hsl(28, 23%, 84%) |
|
|
| 300 | oklch(0.855 0.020 65.10) | #d9cdc2 | hsl(29, 23%, 81%) |
|
|
| 400 | oklch(0.831 0.024 65.40) | #d3c5b8 | hsl(29, 23%, 77%) |
|
|
| 500 | oklch(0.808 0.028 65.60) | #cdbdae | hsl(29, 24%, 74%) |
|
|
| 600 | oklch(0.708 0.043 65.83) | #b49c85 | hsl(29, 24%, 61%) |
|
|
| 700 | oklch(0.604 0.055 64.52) | #997b5f | hsl(29, 23%, 49%) |
|
|
| 800 | oklch(0.485 0.043 62.56) | #715a46 | hsl(28, 23%, 36%) |
|
|
| 900 | oklch(0.360 0.029 64.57) | #483a2d | hsl(29, 23%, 23%) |
|
|
| 950 | oklch(0.220 0.016 62.46) | #201913 | hsl(28, 25%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.802 0.000 89.88) | #bebebe | hsl(0, 0%, 75%) |
|
|
| 200 | oklch(0.673 0.000 89.88) | #969696 | hsl(0, 0%, 59%) |
|
|
| 300 | oklch(0.538 0.000 89.88) | #6e6e6e | hsl(0, 0%, 43%) |
|
|
| 400 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 500 | oklch(0.239 0.000 89.88) | #1f1f1f | hsl(0, 0%, 12%) |
|
|
| 600 | oklch(0.235 0.000 89.88) | #1e1e1e | hsl(0, 0%, 12%) |
|
|
| 700 | oklch(0.231 0.000 89.88) | #1d1d1d | hsl(0, 0%, 11%) |
|
|
| 800 | oklch(0.226 0.000 89.88) | #1c1c1c | hsl(0, 0%, 11%) |
|
|
| 900 | oklch(0.222 0.000 89.88) | #1b1b1b | hsl(0, 0%, 11%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
