Earthy Color Palette with Coral
This palette blends earthy grays and muted greens with warm amber and vibrant coral, creating a harmonious yet lively vibe that evokes a rustic charm infused with modern energy.
Practical uses and creative applications
The Earthy Color Palette with Coral is a stunning combination that evokes a sense of warmth and tranquility, ideal for a variety of creative applications. Featuring deep greys, muted greens, and soft corals, this palette is perfect for designers looking to create a grounded yet vibrant aesthetic.
It works exceptionally well in branding, where businesses can convey a sense of stability and approachability. Whether it's for a sustainable product line or an eco-friendly service, these colors resonate with audiences seeking authenticity and connection to nature.
In web design, the Earthy Color Palette with Coral can create inviting and memorable user experiences. The harmonious mix of #4d4d4d and #637566 provides a solid foundation, while the lively accents of #d69e60 and #ff704d can guide the viewer's attention effectively.
This palette is also an excellent choice for packaging design, making products stand out on shelves while still feeling approachable and organic. Interior designers will find these colors versatile for creating cozy spaces that balance sophistication with a touch of playfulness, perfect for homes or wellness-focused establishments.
Ideal for creatives, this color palette speaks to designers, marketers, and business owners who want to evoke a sense of natural elegance and warmth. Whether you’re designing a brand identity, crafting a captivating website, or styling interior spaces, the Earthy Color Palette with Coral offers a versatile and appealing choice that can enhance any project.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.830 0.000 89.88) | #c7c7c7 | hsl(0, 0%, 78%) |
|
|
200 | oklch(0.735 0.000 89.88) | #a9a9a9 | hsl(0, 0%, 66%) |
|
|
300 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
400 | oklch(0.531 0.000 89.88) | #6c6c6c | hsl(0, 0%, 42%) |
|
|
500 | oklch(0.420 0.000 89.88) | #4d4d4d | hsl(0, 0%, 30%) |
|
|
600 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
700 | oklch(0.341 0.000 89.88) | #383838 | hsl(0, 0%, 22%) |
|
|
800 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
900 | oklch(0.260 0.000 89.88) | #242424 | hsl(0, 0%, 14%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.926 0.008 151.88) | #e3e8e4 | hsl(132, 10%, 90%) |
|
|
100 | oklch(0.853 0.013 149.22) | #c9d1ca | hsl(128, 8%, 80%) |
|
|
200 | oklch(0.780 0.019 150.48) | #afbbb1 | hsl(130, 8%, 71%) |
|
|
300 | oklch(0.704 0.028 150.60) | #94a597 | hsl(131, 9%, 61%) |
|
|
400 | oklch(0.628 0.036 149.25) | #7a8f7d | hsl(129, 9%, 52%) |
|
|
500 | oklch(0.543 0.031 150.00) | #637566 | hsl(130, 8%, 42%) |
|
|
600 | oklch(0.483 0.028 148.95) | #546356 | hsl(128, 8%, 36%) |
|
|
700 | oklch(0.421 0.022 150.07) | #455147 | hsl(130, 8%, 29%) |
|
|
800 | oklch(0.357 0.018 148.35) | #363f37 | hsl(127, 8%, 23%) |
|
|
900 | oklch(0.292 0.015 149.35) | #272e28 | hsl(129, 8%, 17%) |
|
|
950 | oklch(0.220 0.011 151.25) | #171c18 | hsl(132, 10%, 10%) |
|
dsfds
50 | oklch(0.936 0.015 98.29) | #eceadf | hsl(51, 25%, 90%) |
|
|
100 | oklch(0.888 0.027 102.27) | #dddbc7 | hsl(55, 24%, 82%) |
|
|
200 | oklch(0.838 0.038 100.48) | #cfcbaf | hsl(53, 25%, 75%) |
|
|
300 | oklch(0.787 0.049 100.87) | #c0bb97 | hsl(53, 25%, 67%) |
|
|
400 | oklch(0.738 0.062 101.37) | #b2ac7f | hsl(53, 25%, 60%) |
|
|
500 | oklch(0.686 0.072 101.64) | #a39c67 | hsl(53, 25%, 52%) |
|
|
600 | oklch(0.610 0.068 102.17) | #8b8554 | hsl(53, 25%, 44%) |
|
|
700 | oklch(0.522 0.057 101.86) | #706b44 | hsl(53, 24%, 35%) |
|
|
800 | oklch(0.431 0.045 101.33) | #555134 | hsl(53, 24%, 27%) |
|
|
900 | oklch(0.338 0.034 101.07) | #3b3823 | hsl(53, 26%, 18%) |
|
|
950 | oklch(0.234 0.020 99.04) | #201e13 | hsl(51, 25%, 10%) |
|
dsfds
50 | oklch(0.933 0.027 69.29) | #f5e6d6 | hsl(31, 61%, 90%) |
|
|
100 | oklch(0.894 0.041 70.82) | #eed8bf | hsl(32, 58%, 84%) |
|
|
200 | oklch(0.854 0.057 69.53) | #e8c9a7 | hsl(31, 59%, 78%) |
|
|
300 | oklch(0.816 0.073 69.89) | #e2bb8f | hsl(32, 59%, 72%) |
|
|
400 | oklch(0.777 0.088 68.17) | #dcac78 | hsl(31, 59%, 67%) |
|
|
500 | oklch(0.739 0.104 67.88) | #d69e60 | hsl(32, 59%, 61%) |
|
|
600 | oklch(0.675 0.126 65.30) | #cb8537 | hsl(32, 59%, 51%) |
|
|
700 | oklch(0.575 0.108 64.95) | #a46a2a | hsl(31, 59%, 40%) |
|
|
800 | oklch(0.470 0.085 65.75) | #7b5020 | hsl(32, 59%, 30%) |
|
|
900 | oklch(0.356 0.062 66.00) | #523515 | hsl(31, 59%, 20%) |
|
|
950 | oklch(0.233 0.036 66.22) | #291a0a | hsl(31, 61%, 10%) |
|
dsfds
50 | oklch(0.908 0.048 33.97) | #ffd6cc | hsl(12, 100%, 90%) |
|
|
100 | oklch(0.865 0.074 34.21) | #ffc2b3 | hsl(12, 100%, 85%) |
|
|
200 | oklch(0.822 0.101 34.30) | #ffad99 | hsl(12, 100%, 80%) |
|
|
300 | oklch(0.783 0.128 34.62) | #ff9980 | hsl(12, 100%, 75%) |
|
|
400 | oklch(0.746 0.156 34.82) | #ff8466 | hsl(12, 100%, 70%) |
|
|
500 | oklch(0.714 0.182 34.99) | #ff704d | hsl(12, 100%, 65%) |
|
|
600 | oklch(0.659 0.229 33.71) | #ff4315 | hsl(12, 100%, 54%) |
|
|
700 | oklch(0.578 0.215 32.68) | #dc2b00 | hsl(12, 100%, 43%) |
|
|
800 | oklch(0.465 0.170 33.28) | #a32000 | hsl(12, 100%, 32%) |
|
|
900 | oklch(0.346 0.123 34.50) | #6b1500 | hsl(12, 100%, 21%) |
|
|
950 | oklch(0.217 0.070 38.90) | #330a00 | hsl(12, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.