Chic Earthy Color Palette
This palette exudes a chic, modern vibe with earthy greens and blues grounding vibrant pops of coral and warm peach, evoking a stylish yet inviting atmosphere.
Practical uses and creative applications
The Chic Earthy Color Palette is a harmonious blend of muted tones and vibrant accents that evoke a sense of sophistication and warmth. Comprising shades like the soft green-gray (#a8ab9b), deep navy (#172a38), bold coral (#ec4b5d), warm peach (#f48773), and earthy beige (#e0c590), this palette is perfect for designers looking to create a grounded yet stylish aesthetic.
Its versatility makes it ideal for a wide range of applications, from branding and web design to packaging and interior décor. Perfect for creatives in industries such as fashion, wellness, and artisanal crafts, the Chic Earthy Color Palette resonates with audiences seeking a connection to nature while embracing contemporary design.
Whether you're designing a chic website for a boutique or crafting packaging for organic products, these colors can help convey a message of authenticity and elegance. Additionally, this palette can infuse warmth into interiors, making it an excellent choice for cozy, inviting spaces that still feel modern and refined.
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.929 0.007 115.71) | #e7e8e3 | hsl(72, 10%, 90%) |
|
|
100 | oklch(0.891 0.010 119.60) | #dadcd5 | hsl(77, 9%, 85%) |
|
|
200 | oklch(0.851 0.012 111.80) | #cecfc6 | hsl(67, 9%, 79%) |
|
|
300 | oklch(0.812 0.015 115.10) | #c1c3b8 | hsl(71, 8%, 74%) |
|
|
400 | oklch(0.774 0.020 113.45) | #b5b7a9 | hsl(69, 9%, 69%) |
|
|
500 | oklch(0.734 0.023 115.58) | #a8ab9b | hsl(71, 9%, 64%) |
|
|
600 | oklch(0.651 0.031 116.01) | #8e927d | hsl(71, 9%, 53%) |
|
|
700 | oklch(0.554 0.027 114.98) | #727563 | hsl(70, 8%, 42%) |
|
|
800 | oklch(0.453 0.022 117.12) | #55584a | hsl(73, 9%, 32%) |
|
|
900 | oklch(0.343 0.017 116.49) | #383a30 | hsl(72, 9%, 21%) |
|
|
950 | oklch(0.223 0.010 116.36) | #1b1c17 | hsl(72, 10%, 10%) |
|
dsfds
50 | oklch(0.922 0.018 240.01) | #dbe7f0 | hsl(206, 41%, 90%) |
|
|
100 | oklch(0.805 0.046 239.06) | #a5c4da | hsl(205, 42%, 75%) |
|
|
200 | oklch(0.685 0.075 241.05) | #6fa0c4 | hsl(205, 42%, 60%) |
|
|
300 | oklch(0.562 0.087 242.25) | #437ba4 | hsl(205, 42%, 45%) |
|
|
400 | oklch(0.424 0.063 242.87) | #2d526e | hsl(206, 42%, 30%) |
|
|
500 | oklch(0.276 0.036 241.67) | #172a38 | hsl(205, 42%, 15%) |
|
|
600 | oklch(0.264 0.034 241.13) | #152734 | hsl(205, 42%, 14%) |
|
|
700 | oklch(0.252 0.031 241.96) | #142430 | hsl(206, 41%, 13%) |
|
|
800 | oklch(0.240 0.030 241.34) | #12212c | hsl(205, 42%, 12%) |
|
|
900 | oklch(0.227 0.028 240.61) | #101e28 | hsl(205, 43%, 11%) |
|
|
950 | oklch(0.215 0.025 241.71) | #0f1b24 | hsl(206, 41%, 10%) |
|
dsfds
50 | oklch(0.897 0.046 11.42) | #fad1d5 | hsl(354, 80%, 90%) |
|
|
100 | oklch(0.838 0.076 11.66) | #f7b6bd | hsl(354, 80%, 84%) |
|
|
200 | oklch(0.782 0.107 12.52) | #f49ba5 | hsl(353, 80%, 78%) |
|
|
300 | oklch(0.732 0.138 14.39) | #f2818d | hsl(354, 81%, 73%) |
|
|
400 | oklch(0.684 0.169 16.09) | #ef6675 | hsl(353, 81%, 67%) |
|
|
500 | oklch(0.643 0.196 18.40) | #ec4b5d | hsl(353, 81%, 61%) |
|
|
600 | oklch(0.593 0.228 23.77) | #e71c33 | hsl(353, 81%, 51%) |
|
|
700 | oklch(0.506 0.195 24.10) | #bb1426 | hsl(354, 81%, 41%) |
|
|
800 | oklch(0.411 0.156 23.31) | #8c0f1d | hsl(353, 81%, 30%) |
|
|
900 | oklch(0.310 0.114 22.38) | #5d0a13 | hsl(353, 81%, 20%) |
|
|
950 | oklch(0.200 0.067 19.54) | #2e0509 | hsl(354, 80%, 10%) |
|
dsfds
50 | oklch(0.906 0.042 28.78) | #fbd6d0 | hsl(8, 84%, 90%) |
|
|
100 | oklch(0.872 0.060 31.10) | #fac7bd | hsl(10, 86%, 86%) |
|
|
200 | oklch(0.836 0.078 30.59) | #f8b7ab | hsl(9, 85%, 82%) |
|
|
300 | oklch(0.803 0.098 31.03) | #f7a798 | hsl(9, 86%, 78%) |
|
|
400 | oklch(0.769 0.117 30.97) | #f59786 | hsl(9, 85%, 74%) |
|
|
500 | oklch(0.738 0.137 31.51) | #f48773 | hsl(9, 85%, 70%) |
|
|
600 | oklch(0.656 0.195 32.51) | #f0563a | hsl(9, 86%, 58%) |
|
|
700 | oklch(0.581 0.210 32.11) | #db3011 | hsl(9, 86%, 46%) |
|
|
800 | oklch(0.467 0.165 32.30) | #a2240d | hsl(9, 85%, 34%) |
|
|
900 | oklch(0.343 0.117 32.60) | #681708 | hsl(9, 86%, 22%) |
|
|
950 | oklch(0.210 0.062 33.44) | #2f0a04 | hsl(8, 84%, 10%) |
|
dsfds
50 | oklch(0.940 0.027 83.54) | #f4ead7 | hsl(39, 57%, 90%) |
|
|
100 | oklch(0.919 0.037 84.58) | #f0e3c9 | hsl(40, 57%, 86%) |
|
|
200 | oklch(0.897 0.046 83.28) | #ecdbbb | hsl(39, 56%, 83%) |
|
|
300 | oklch(0.876 0.057 84.50) | #e8d4ac | hsl(40, 57%, 79%) |
|
|
400 | oklch(0.854 0.066 83.50) | #e4cc9e | hsl(39, 56%, 76%) |
|
|
500 | oklch(0.834 0.076 83.88) | #e0c590 | hsl(40, 56%, 72%) |
|
|
600 | oklch(0.760 0.106 82.95) | #d2ab5e | hsl(40, 56%, 60%) |
|
|
700 | oklch(0.678 0.119 80.79) | #bd8f35 | hsl(40, 56%, 47%) |
|
|
800 | oklch(0.542 0.093 80.87) | #8b6927 | hsl(40, 56%, 35%) |
|
|
900 | oklch(0.400 0.066 82.63) | #594419 | hsl(40, 56%, 22%) |
|
|
950 | oklch(0.242 0.035 81.88) | #281e0b | hsl(39, 57%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.