Warm Rustic Color Palette
This palette exudes a warm, rustic charm with deep earthy tones of mauve and slate, brightened by golden hues and soft buttery yellow, evoking a cozy, vintage elegance.
Practical uses and creative applications
The Warm Rustic Color Palette is a harmonious blend of earthy tones that evoke a sense of comfort and nostalgia. Featuring deep hues like #413040 and #6c6368, complemented by warm accents of #b9a173, #eaa353, and #ffefa9, this palette is ideal for creating inviting spaces and brand identities.
Designers looking to establish a cozy, rustic atmosphere will find these colors perfect for web design, branding, and interior decor. Whether it's a quaint coffee shop or a home goods line, this palette infuses warmth and authenticity into any project.
Ideal for creatives and brands that celebrate the beauty of nature and craftsmanship, the Warm Rustic Color Palette resonates particularly well with artisans, home decor brands, and lifestyle bloggers. Use cases for this palette extend to packaging design, where the earthy tones can enhance product appeal, or in web design, where they can create a soothing user experience.
By incorporating these colors, designers can evoke feelings of tranquility and connection, making it a powerful choice for any creative endeavor looking to embody rustic charm and warmth.
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.920 0.012 325.67) | #e9e2e9 | hsl(300, 14%, 90%) |
|
|
100 | oklch(0.809 0.031 327.56) | #ccbacb | hsl(303, 15%, 76%) |
|
|
200 | oklch(0.695 0.051 328.32) | #af92ad | hsl(304, 15%, 63%) |
|
|
300 | oklch(0.578 0.069 329.09) | #916b8e | hsl(305, 15%, 49%) |
|
|
400 | oklch(0.459 0.054 328.81) | #694d67 | hsl(304, 15%, 36%) |
|
|
500 | oklch(0.335 0.036 328.28) | #413040 | hsl(304, 15%, 22%) |
|
|
600 | oklch(0.312 0.032 328.51) | #3a2b39 | hsl(304, 15%, 20%) |
|
|
700 | oklch(0.286 0.031 328.71) | #332532 | hsl(304, 16%, 17%) |
|
|
800 | oklch(0.262 0.027 329.07) | #2c202b | hsl(305, 16%, 15%) |
|
|
900 | oklch(0.237 0.022 326.23) | #241b24 | hsl(300, 14%, 12%) |
|
|
950 | oklch(0.212 0.017 326.17) | #1d161d | hsl(300, 14%, 10%) |
|
dsfds
50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
100 | oklch(0.844 0.007 340.42) | #cfcacd | hsl(324, 5%, 80%) |
|
|
200 | oklch(0.763 0.008 345.42) | #b6b0b3 | hsl(330, 4%, 70%) |
|
|
300 | oklch(0.681 0.011 345.56) | #9e969a | hsl(330, 4%, 60%) |
|
|
400 | oklch(0.595 0.016 343.49) | #867b81 | hsl(327, 4%, 50%) |
|
|
500 | oklch(0.510 0.014 342.99) | #6c6368 | hsl(327, 4%, 41%) |
|
|
600 | oklch(0.455 0.012 345.83) | #5c5458 | hsl(330, 5%, 35%) |
|
|
700 | oklch(0.398 0.010 337.78) | #4b4549 | hsl(320, 4%, 28%) |
|
|
800 | oklch(0.339 0.009 340.80) | #3b3639 | hsl(324, 4%, 22%) |
|
|
900 | oklch(0.278 0.007 345.78) | #2b2729 | hsl(330, 5%, 16%) |
|
|
950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
dsfds
50 | oklch(0.933 0.016 82.79) | #eee8dd | hsl(39, 33%, 90%) |
|
|
100 | oklch(0.891 0.026 84.59) | #e3dac8 | hsl(40, 33%, 84%) |
|
|
200 | oklch(0.849 0.037 83.76) | #d9ccb3 | hsl(39, 33%, 78%) |
|
|
300 | oklch(0.804 0.047 83.24) | #cebd9d | hsl(39, 33%, 71%) |
|
|
400 | oklch(0.762 0.058 82.81) | #c4af88 | hsl(39, 34%, 65%) |
|
|
500 | oklch(0.719 0.068 83.30) | #b9a173 | hsl(39, 33%, 59%) |
|
|
600 | oklch(0.648 0.081 82.46) | #a78a53 | hsl(39, 34%, 49%) |
|
|
700 | oklch(0.553 0.068 82.74) | #866f43 | hsl(39, 33%, 39%) |
|
|
800 | oklch(0.451 0.053 83.16) | #645332 | hsl(40, 33%, 29%) |
|
|
900 | oklch(0.346 0.038 83.99) | #433822 | hsl(40, 33%, 20%) |
|
|
950 | oklch(0.230 0.022 82.29) | #221c11 | hsl(39, 33%, 10%) |
|
dsfds
50 | oklch(0.937 0.034 71.65) | #f9e7d2 | hsl(32, 76%, 90%) |
|
|
100 | oklch(0.901 0.054 70.66) | #f6d9b8 | hsl(32, 78%, 84%) |
|
|
200 | oklch(0.868 0.074 70.62) | #f3cc9f | hsl(32, 78%, 79%) |
|
|
300 | oklch(0.834 0.092 69.19) | #f0be86 | hsl(32, 78%, 73%) |
|
|
400 | oklch(0.802 0.111 68.99) | #edb16c | hsl(32, 78%, 68%) |
|
|
500 | oklch(0.769 0.128 67.06) | #eaa353 | hsl(32, 78%, 62%) |
|
|
600 | oklch(0.713 0.152 62.67) | #e48a24 | hsl(32, 78%, 52%) |
|
|
700 | oklch(0.612 0.134 61.40) | #bc6e17 | hsl(32, 78%, 41%) |
|
|
800 | oklch(0.496 0.106 62.18) | #8c5211 | hsl(32, 78%, 31%) |
|
|
900 | oklch(0.375 0.077 64.16) | #5d370b | hsl(32, 79%, 20%) |
|
|
950 | oklch(0.241 0.044 67.65) | #2d1b06 | hsl(32, 76%, 10%) |
|
dsfds
50 | oklch(0.970 0.055 97.26) | #fff6cc | hsl(49, 100%, 90%) |
|
|
100 | oklch(0.964 0.062 96.39) | #fff4c5 | hsl(49, 100%, 89%) |
|
|
200 | oklch(0.961 0.069 96.80) | #fff3be | hsl(49, 100%, 87%) |
|
|
300 | oklch(0.957 0.076 97.14) | #fff2b7 | hsl(49, 100%, 86%) |
|
|
400 | oklch(0.952 0.083 96.51) | #fff0b0 | hsl(49, 100%, 85%) |
|
|
500 | oklch(0.949 0.090 96.82) | #ffefa9 | hsl(49, 100%, 83%) |
|
|
600 | oklch(0.911 0.151 96.33) | #ffe15e | hsl(49, 100%, 68%) |
|
|
700 | oklch(0.879 0.177 93.29) | #ffd314 | hsl(49, 100%, 54%) |
|
|
800 | oklch(0.728 0.149 92.45) | #c8a300 | hsl(49, 100%, 39%) |
|
|
900 | oklch(0.519 0.106 92.63) | #7e6600 | hsl(49, 100%, 25%) |
|
|
950 | oklch(0.286 0.059 96.51) | #332a00 | hsl(49, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.