Earthy Sophistication Color Palette
This palette exudes a sophisticated yet earthy vibe, blending deep charcoal grays with warm terracotta accents, evoking a cozy modern aesthetic infused with rustic charm.
Practical uses and creative applications
The Earthy Sophistication Color Palette is a stunning blend of muted tones and warm accents, perfect for those looking to create an inviting yet sophisticated atmosphere. Featuring deep greys (#525252 and #827A78), a soft light grey (#D9D9D9), and rich earthy hues (#DC6734 and #BA491F), this palette is ideal for various applications, including branding, web design, packaging, and interior decor.
Designers and creatives can leverage these colors to evoke a sense of grounded elegance that resonates with contemporary audiences. This palette is particularly well-suited for brands that want to convey a message of sustainability and authenticity.
Its earthy tones can create a harmonious balance in web design, making it an excellent choice for eco-friendly businesses, artisanal brands, or lifestyle blogs. In interiors, the Earthy Sophistication palette offers a cozy yet refined aesthetic, ideal for spaces like cafes, boutiques, or homes seeking to blend comfort with style.
Whether you're a graphic designer, an interior decorator, or a marketer, incorporating this palette can elevate your projects and appeal to an audience that values both sophistication and nature.
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.833 0.000 89.88) | #c8c8c8 | hsl(0, 0%, 78%) |
|
|
| 200 | oklch(0.741 0.000 89.88) | #ababab | hsl(0, 0%, 67%) |
|
|
| 300 | oklch(0.643 0.000 89.88) | #8d8d8d | hsl(0, 0%, 55%) |
|
|
| 400 | oklch(0.545 0.000 89.88) | #707070 | hsl(0, 0%, 44%) |
|
|
| 500 | oklch(0.439 0.000 89.88) | #525252 | hsl(0, 0%, 32%) |
|
|
| 600 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 700 | oklch(0.352 0.000 89.88) | #3b3b3b | hsl(0, 0%, 23%) |
|
|
| 800 | oklch(0.309 0.000 89.88) | #303030 | hsl(0, 0%, 19%) |
|
|
| 900 | oklch(0.264 0.000 89.88) | #252525 | hsl(0, 0%, 15%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.923 0.003 48.72) | #e7e5e4 | hsl(20, 6%, 90%) |
|
|
| 100 | oklch(0.857 0.003 17.22) | #d2cfcf | hsl(0, 3%, 82%) |
|
|
| 200 | oklch(0.792 0.005 34.31) | #bebab9 | hsl(12, 4%, 74%) |
|
|
| 300 | oklch(0.726 0.006 43.31) | #aaa5a3 | hsl(17, 4%, 65%) |
|
|
| 400 | oklch(0.656 0.008 27.26) | #968f8e | hsl(7, 4%, 57%) |
|
|
| 500 | oklch(0.586 0.010 34.30) | #827a78 | hsl(12, 4%, 49%) |
|
|
| 600 | oklch(0.519 0.008 39.41) | #6d6765 | hsl(15, 4%, 41%) |
|
|
| 700 | oklch(0.448 0.008 28.89) | #595352 | hsl(9, 4%, 34%) |
|
|
| 800 | oklch(0.375 0.006 34.30) | #44403f | hsl(12, 4%, 26%) |
|
|
| 900 | oklch(0.296 0.004 17.40) | #2f2c2c | hsl(0, 3%, 18%) |
|
|
| 950 | oklch(0.215 0.004 48.55) | #1b1918 | hsl(20, 6%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.916 0.000 89.88) | #e3e3e3 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.910 0.000 89.88) | #e1e1e1 | hsl(0, 0%, 88%) |
|
|
| 300 | oklch(0.901 0.000 89.88) | #dedede | hsl(0, 0%, 87%) |
|
|
| 400 | oklch(0.894 0.000 89.88) | #dcdcdc | hsl(0, 0%, 86%) |
|
|
| 500 | oklch(0.885 0.000 89.88) | #d9d9d9 | hsl(0, 0%, 85%) |
|
|
| 600 | oklch(0.767 0.000 89.88) | #b3b3b3 | hsl(0, 0%, 70%) |
|
|
| 700 | oklch(0.640 0.000 89.88) | #8c8c8c | hsl(0, 0%, 55%) |
|
|
| 800 | oklch(0.510 0.000 89.88) | #666666 | hsl(0, 0%, 40%) |
|
|
| 900 | oklch(0.371 0.000 89.88) | #404040 | hsl(0, 0%, 25%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.919 0.032 42.26) | #f8ded4 | hsl(17, 72%, 90%) |
|
|
| 100 | oklch(0.862 0.056 45.13) | #f2c7b4 | hsl(18, 70%, 83%) |
|
|
| 200 | oklch(0.805 0.082 44.55) | #edaf94 | hsl(18, 71%, 75%) |
|
|
| 300 | oklch(0.749 0.108 44.30) | #e79774 | hsl(18, 71%, 68%) |
|
|
| 400 | oklch(0.697 0.135 43.54) | #e27f54 | hsl(18, 71%, 61%) |
|
|
| 500 | oklch(0.647 0.160 42.36) | #dc6734 | hsl(18, 71%, 53%) |
|
|
| 600 | oklch(0.577 0.156 41.29) | #c25222 | hsl(18, 70%, 45%) |
|
|
| 700 | oklch(0.495 0.132 41.45) | #9d421b | hsl(18, 71%, 36%) |
|
|
| 800 | oklch(0.408 0.105 41.50) | #773215 | hsl(18, 70%, 27%) |
|
|
| 900 | oklch(0.316 0.077 42.12) | #51220e | hsl(18, 71%, 19%) |
|
|
| 950 | oklch(0.219 0.047 41.39) | #2c1208 | hsl(17, 69%, 10%) |
|
| 50 | oklch(0.917 0.033 41.45) | #f8ddd3 | hsl(16, 73%, 90%) |
|
|
| 100 | oklch(0.840 0.066 41.00) | #f1bdaa | hsl(16, 72%, 81%) |
|
|
| 200 | oklch(0.765 0.101 41.42) | #ea9d80 | hsl(16, 72%, 71%) |
|
|
| 300 | oklch(0.695 0.137 40.84) | #e37d57 | hsl(16, 71%, 62%) |
|
|
| 400 | oklch(0.633 0.171 39.76) | #dc5d2d | hsl(16, 71%, 52%) |
|
|
| 500 | oklch(0.551 0.156 39.15) | #ba491f | hsl(16, 71%, 43%) |
|
|
| 600 | oklch(0.490 0.137 39.38) | #9e3e1a | hsl(16, 72%, 36%) |
|
|
| 700 | oklch(0.426 0.115 39.52) | #813316 | hsl(16, 71%, 30%) |
|
|
| 800 | oklch(0.359 0.096 39.09) | #652711 | hsl(16, 71%, 23%) |
|
|
| 900 | oklch(0.289 0.072 39.75) | #481c0c | hsl(16, 71%, 16%) |
|
|
| 950 | oklch(0.217 0.048 40.93) | #2c1107 | hsl(16, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
