Modern Rustic Color Palette
This palette exudes a modern yet rustic charm, blending soft grays with deep navy, earthy browns, and a vibrant pop of orange, creating a cozy and inviting atmosphere.
Practical uses and creative applications
The Modern Rustic Color Palette seamlessly blends contemporary aesthetics with earthy tones, making it an ideal choice for various creative projects. Featuring soft greys (#D6D6D6) and deep blues (#283150), this palette evokes a sense of calm and sophistication.
The rich terracotta (#FF7723) and warm browns (#5E4345, #94543A) add a touch of warmth, perfect for brands aiming to convey authenticity and connection to nature. This palette is particularly effective in branding for artisanal products, web design for lifestyle blogs, and packaging for organic goods, where a rustic yet modern vibe is desired.
Designers and creatives will find the Modern Rustic Color Palette especially appealing for interior decor projects. Its harmonious blend of colors creates inviting spaces that resonate with comfort and style, making it suitable for cafes, boutiques, and even residential interiors.
Whether you're crafting a cozy atmosphere or a chic commercial environment, this palette strikes the right balance between rustic charm and modern sophistication. Embrace the versatility of these colors to elevate your design projects and connect with audiences seeking warmth and authenticity.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.913 0.000 89.88) | #e2e2e2 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.904 0.000 89.88) | #dfdfdf | hsl(0, 0%, 87%) |
|
|
| 300 | oklch(0.894 0.000 89.88) | #dcdcdc | hsl(0, 0%, 86%) |
|
|
| 400 | oklch(0.885 0.000 89.88) | #d9d9d9 | hsl(0, 0%, 85%) |
|
|
| 500 | oklch(0.876 0.000 89.88) | #d6d6d6 | hsl(0, 0%, 84%) |
|
|
| 600 | oklch(0.757 0.000 89.88) | #b0b0b0 | hsl(0, 0%, 69%) |
|
|
| 700 | oklch(0.637 0.000 89.88) | #8b8b8b | hsl(0, 0%, 55%) |
|
|
| 800 | oklch(0.507 0.000 89.88) | #656565 | hsl(0, 0%, 40%) |
|
|
| 900 | oklch(0.368 0.000 89.88) | #3f3f3f | hsl(0, 0%, 25%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.911 0.018 272.30) | #dde1ee | hsl(226, 33%, 90%) |
|
|
| 100 | oklch(0.789 0.044 272.18) | #b0b9d7 | hsl(226, 33%, 77%) |
|
|
| 200 | oklch(0.664 0.073 271.71) | #8391c1 | hsl(226, 33%, 64%) |
|
|
| 300 | oklch(0.532 0.106 270.34) | #5568aa | hsl(227, 33%, 50%) |
|
|
| 400 | oklch(0.431 0.082 270.38) | #3f4d7d | hsl(226, 33%, 37%) |
|
|
| 500 | oklch(0.320 0.057 270.65) | #283150 | hsl(227, 33%, 24%) |
|
|
| 600 | oklch(0.296 0.052 270.83) | #232b47 | hsl(227, 34%, 21%) |
|
|
| 700 | oklch(0.274 0.046 270.78) | #1f263e | hsl(226, 33%, 18%) |
|
|
| 800 | oklch(0.248 0.039 270.61) | #1a2034 | hsl(226, 33%, 15%) |
|
|
| 900 | oklch(0.223 0.034 273.25) | #161a2b | hsl(229, 32%, 13%) |
|
|
| 950 | oklch(0.198 0.027 270.68) | #111522 | hsl(226, 33%, 10%) |
|
| 50 | oklch(0.917 0.010 9.55) | #eae1e2 | hsl(353, 18%, 90%) |
|
|
| 100 | oklch(0.818 0.022 10.32) | #d1bec0 | hsl(354, 17%, 78%) |
|
|
| 200 | oklch(0.718 0.033 13.08) | #b89c9e | hsl(356, 16%, 67%) |
|
|
| 300 | oklch(0.614 0.048 13.27) | #9f797c | hsl(355, 17%, 55%) |
|
|
| 400 | oklch(0.514 0.049 13.53) | #815c5f | hsl(355, 17%, 43%) |
|
|
| 500 | oklch(0.413 0.038 13.90) | #5e4345 | hsl(356, 17%, 32%) |
|
|
| 600 | oklch(0.375 0.033 12.96) | #513a3c | hsl(355, 17%, 27%) |
|
|
| 700 | oklch(0.335 0.028 15.14) | #443132 | hsl(357, 16%, 23%) |
|
|
| 800 | oklch(0.295 0.023 14.07) | #372829 | hsl(356, 16%, 19%) |
|
|
| 900 | oklch(0.251 0.020 13.49) | #2b1e1f | hsl(355, 18%, 14%) |
|
|
| 950 | oklch(0.208 0.015 10.97) | #1e1516 | hsl(353, 18%, 10%) |
|
| 50 | oklch(0.921 0.020 45.25) | #f1e1da | hsl(18, 45%, 90%) |
|
|
| 100 | oklch(0.840 0.040 44.07) | #e2c3b6 | hsl(18, 43%, 80%) |
|
|
| 200 | oklch(0.760 0.062 43.07) | #d4a592 | hsl(17, 43%, 70%) |
|
|
| 300 | oklch(0.681 0.086 43.25) | #c6876d | hsl(18, 44%, 60%) |
|
|
| 400 | oklch(0.603 0.111 42.41) | #b86949 | hsl(17, 44%, 50%) |
|
|
| 500 | oklch(0.515 0.094 42.49) | #94543a | hsl(17, 44%, 40%) |
|
|
| 600 | oklch(0.459 0.083 42.23) | #7e4731 | hsl(17, 44%, 34%) |
|
|
| 700 | oklch(0.402 0.069 42.73) | #673b29 | hsl(17, 43%, 28%) |
|
|
| 800 | oklch(0.342 0.057 42.36) | #512e20 | hsl(17, 43%, 22%) |
|
|
| 900 | oklch(0.279 0.044 41.69) | #3b2117 | hsl(17, 44%, 16%) |
|
|
| 950 | oklch(0.215 0.030 44.37) | #25150e | hsl(18, 45%, 10%) |
|
| 50 | oklch(0.925 0.044 52.64) | #ffdfcc | hsl(22, 100%, 90%) |
|
|
| 100 | oklch(0.880 0.074 53.91) | #ffcbaa | hsl(23, 100%, 83%) |
|
|
| 200 | oklch(0.835 0.104 53.02) | #ffb688 | hsl(23, 100%, 77%) |
|
|
| 300 | oklch(0.793 0.134 51.44) | #ffa167 | hsl(23, 100%, 70%) |
|
|
| 400 | oklch(0.754 0.162 49.67) | #ff8c45 | hsl(23, 100%, 64%) |
|
|
| 500 | oklch(0.720 0.187 46.67) | #ff7723 | hsl(23, 100%, 57%) |
|
|
| 600 | oklch(0.663 0.200 42.10) | #f25c00 | hsl(23, 100%, 47%) |
|
|
| 700 | oklch(0.564 0.168 42.82) | #c24a00 | hsl(23, 100%, 38%) |
|
|
| 800 | oklch(0.462 0.135 43.79) | #933800 | hsl(23, 100%, 29%) |
|
|
| 900 | oklch(0.353 0.099 46.04) | #632600 | hsl(23, 100%, 19%) |
|
|
| 950 | oklch(0.232 0.061 50.78) | #331300 | hsl(22, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
