Fresh Earthy Color Palette
This palette exudes a fresh yet earthy vibe, blending serene teal (#73c8a9) and soft beige (#dee1b6) with warm mustard (#e1b866), rich terracotta (#bd5532), and deep charcoal (#373b44) for a stylish, balanced aesthetic perfect for modern rustic vibes.
Practical uses and creative applications
The Fresh Earthy Color Palette combines invigorating greens and warm, natural tones, making it an ideal choice for branding and web design that aims to evoke a sense of balance and harmony. Featuring shades like #73c8a9 and #dee1b6, this palette can beautifully enhance eco-friendly brands, wellness products, or outdoor adventure companies looking to connect with nature-loving audiences.
It’s perfect for creatives who want to convey authenticity and sustainability in their projects, whether it’s through a website that invites exploration or packaging that stands out on the shelves. Interior designers will also appreciate the versatility of the Fresh Earthy Color Palette.
The earthy tones of #e1b866 and #bd5532 can be used to create inviting spaces that feel grounded and serene, while the deeper shade of #373b44 adds depth and sophistication. This palette is particularly suited for modern rustic or bohemian styles, appealing to homeowners who wish to create warm, welcoming environments.
Whether you're designing a cozy café or an inspiring workspace, this palette invites creativity and connection, making it a go-to for anyone in the design industry.
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.939 0.026 172.86) | #daf1e9 | hsl(159, 45%, 90%) |
|
|
| 100 | oklch(0.903 0.039 172.07) | #c6e8dc | hsl(159, 43%, 84%) |
|
|
| 200 | oklch(0.869 0.054 170.92) | #b1e0cf | hsl(158, 43%, 79%) |
|
|
| 300 | oklch(0.835 0.069 169.90) | #9cd8c2 | hsl(158, 43%, 73%) |
|
|
| 400 | oklch(0.803 0.082 169.47) | #88d0b6 | hsl(158, 43%, 67%) |
|
|
| 500 | oklch(0.770 0.095 168.30) | #73c8a9 | hsl(158, 44%, 62%) |
|
|
| 600 | oklch(0.712 0.116 166.36) | #4db992 | hsl(158, 44%, 51%) |
|
|
| 700 | oklch(0.609 0.101 166.07) | #3b9675 | hsl(158, 44%, 41%) |
|
|
| 800 | oklch(0.494 0.079 166.93) | #2c7058 | hsl(159, 44%, 31%) |
|
|
| 900 | oklch(0.375 0.059 166.25) | #1d4b3a | hsl(158, 44%, 20%) |
|
|
| 950 | oklch(0.243 0.033 168.60) | #0e251d | hsl(159, 45%, 10%) |
|
dsfds
| 50 | oklch(0.949 0.028 109.13) | #eff0db | hsl(63, 41%, 90%) |
|
|
| 100 | oklch(0.938 0.034 110.63) | #ebedd3 | hsl(65, 42%, 88%) |
|
|
| 200 | oklch(0.928 0.040 110.26) | #e8eacc | hsl(64, 42%, 86%) |
|
|
| 300 | oklch(0.918 0.045 110.01) | #e5e7c5 | hsl(64, 41%, 84%) |
|
|
| 400 | oklch(0.907 0.052 110.99) | #e1e4bd | hsl(65, 42%, 82%) |
|
|
| 500 | oklch(0.897 0.057 110.78) | #dee1b6 | hsl(64, 42%, 80%) |
|
|
| 600 | oklch(0.825 0.094 111.66) | #c7cc84 | hsl(64, 41%, 66%) |
|
|
| 700 | oklch(0.755 0.127 113.12) | #b0b851 | hsl(65, 42%, 52%) |
|
|
| 800 | oklch(0.608 0.105 113.02) | #838938 | hsl(64, 42%, 38%) |
|
|
| 900 | oklch(0.441 0.073 113.08) | #535724 | hsl(65, 41%, 24%) |
|
|
| 950 | oklch(0.253 0.036 111.08) | #23240f | hsl(63, 41%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.033 83.71) | #f7ebd4 | hsl(39, 69%, 90%) |
|
|
| 100 | oklch(0.915 0.050 85.14) | #f2e1be | hsl(40, 67%, 85%) |
|
|
| 200 | oklch(0.887 0.066 84.88) | #eed7a8 | hsl(40, 67%, 80%) |
|
|
| 300 | oklch(0.857 0.082 83.48) | #eacc92 | hsl(40, 68%, 75%) |
|
|
| 400 | oklch(0.829 0.097 83.86) | #e5c27c | hsl(40, 67%, 69%) |
|
|
| 500 | oklch(0.802 0.111 83.27) | #e1b866 | hsl(40, 67%, 64%) |
|
|
| 600 | oklch(0.747 0.134 81.08) | #d8a338 | hsl(40, 67%, 53%) |
|
|
| 700 | oklch(0.648 0.122 80.11) | #b58524 | hsl(40, 67%, 43%) |
|
|
| 800 | oklch(0.524 0.098 80.47) | #87631a | hsl(40, 68%, 32%) |
|
|
| 900 | oklch(0.392 0.071 80.79) | #594111 | hsl(40, 68%, 21%) |
|
|
| 950 | oklch(0.248 0.041 81.27) | #2b1f08 | hsl(39, 69%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.026 38.46) | #f4ded7 | hsl(14, 57%, 90%) |
|
|
| 100 | oklch(0.846 0.051 39.72) | #ebc2b4 | hsl(15, 58%, 81%) |
|
|
| 200 | oklch(0.775 0.078 38.92) | #e2a591 | hsl(15, 58%, 73%) |
|
|
| 300 | oklch(0.707 0.106 39.39) | #d9896e | hsl(15, 58%, 64%) |
|
|
| 400 | oklch(0.642 0.134 39.45) | #d06d4b | hsl(15, 59%, 55%) |
|
|
| 500 | oklch(0.575 0.143 38.75) | #bd5532 | hsl(15, 58%, 47%) |
|
|
| 600 | oklch(0.508 0.124 39.14) | #9f482a | hsl(15, 58%, 39%) |
|
|
| 700 | oklch(0.440 0.106 38.72) | #823a22 | hsl(15, 59%, 32%) |
|
|
| 800 | oklch(0.369 0.085 39.33) | #642d1a | hsl(15, 59%, 25%) |
|
|
| 900 | oklch(0.294 0.063 39.36) | #462013 | hsl(15, 57%, 17%) |
|
|
| 950 | oklch(0.213 0.039 38.39) | #28120b | hsl(14, 57%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.006 274.96) | #e3e4e8 | hsl(228, 10%, 90%) |
|
|
| 100 | oklch(0.811 0.013 271.25) | #bec1ca | hsl(225, 10%, 77%) |
|
|
| 200 | oklch(0.702 0.020 265.93) | #999fac | hsl(221, 10%, 64%) |
|
|
| 300 | oklch(0.585 0.030 264.31) | #737c8e | hsl(220, 11%, 50%) |
|
|
| 400 | oklch(0.471 0.024 267.05) | #555b69 | hsl(222, 11%, 37%) |
|
|
| 500 | oklch(0.352 0.017 266.46) | #373b44 | hsl(222, 11%, 24%) |
|
|
| 600 | oklch(0.325 0.015 269.23) | #31343c | hsl(224, 10%, 21%) |
|
|
| 700 | oklch(0.297 0.013 267.10) | #2a2d34 | hsl(222, 11%, 18%) |
|
|
| 800 | oklch(0.269 0.012 270.96) | #24262c | hsl(225, 10%, 16%) |
|
|
| 900 | oklch(0.239 0.010 268.26) | #1d1f24 | hsl(223, 11%, 13%) |
|
|
| 950 | oklch(0.210 0.008 274.53) | #17181c | hsl(228, 10%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
