Earthy Serenity Color Palette
This palette exudes a serene, earthy vibe with soft pastel greens and yellows, complemented by warm terracotta and deep, grounding browns, creating a harmonious fusion of nature and comfort.
Practical uses and creative applications
The Earthy Serenity Color Palette is a harmonious blend of soft greens, warm browns, and deep neutrals, ideal for creating a grounded and tranquil atmosphere. Comprising shades like #ecf8d4, #e0deab, #cb8e5f, #85685a, and #0d0502, this palette is perfect for branding projects that aim to evoke a sense of calm and connection to nature.
Designers looking to develop eco-friendly brands, wellness products, or organic food packaging will find this palette particularly inspiring, as it reflects sustainability and authenticity. In the realm of web design, the Earthy Serenity Color Palette can be employed to create soothing user experiences that invite visitors to linger.
Its natural tones work beautifully for lifestyle blogs, holistic health websites, or any online platform aiming to foster a sense of peace. Additionally, this palette is suitable for interior design, where it can transform spaces into serene retreats.
By incorporating these colors into home decor, designers can create warm, inviting interiors that promote relaxation and comfort. Whether you're a graphic designer, a creative entrepreneur, or an interior stylist, the Earthy Serenity Color Palette offers versatile options to enhance your projects.
Its ability to evoke tranquility makes it an excellent choice for anyone looking to establish a calming presence in their work, appealing to audiences who appreciate nature-inspired aesthetics and a serene ambiance. Embrace the earthy tones of this palette to create designs that resonate with authenticity 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.961 0.050 121.96) | #ecf8d3 | hsl(79, 73%, 90%) |
|
|
100 | oklch(0.961 0.050 121.96) | #ecf8d3 | hsl(79, 73%, 90%) |
|
|
200 | oklch(0.961 0.050 121.96) | #ecf8d3 | hsl(79, 73%, 90%) |
|
|
300 | oklch(0.961 0.049 122.32) | #ecf8d4 | hsl(80, 72%, 90%) |
|
|
400 | oklch(0.961 0.049 122.32) | #ecf8d4 | hsl(80, 72%, 90%) |
|
|
500 | oklch(0.961 0.049 122.32) | #ecf8d4 | hsl(80, 72%, 90%) |
|
|
600 | oklch(0.902 0.126 124.07) | #cded8e | hsl(80, 73%, 74%) |
|
|
700 | oklch(0.846 0.186 126.07) | #aee147 | hsl(80, 72%, 58%) |
|
|
800 | oklch(0.723 0.179 127.72) | #85b91e | hsl(80, 72%, 42%) |
|
|
900 | oklch(0.509 0.123 127.34) | #527213 | hsl(80, 71%, 26%) |
|
|
950 | oklch(0.273 0.060 125.66) | #202c07 | hsl(79, 73%, 10%) |
|
dsfds
50 | oklch(0.950 0.029 104.82) | #f1f0da | hsl(57, 45%, 90%) |
|
|
100 | oklch(0.939 0.038 105.50) | #eeedd0 | hsl(58, 47%, 87%) |
|
|
200 | oklch(0.926 0.045 105.86) | #eae9c7 | hsl(58, 45%, 85%) |
|
|
300 | oklch(0.914 0.051 104.95) | #e7e5be | hsl(57, 46%, 83%) |
|
|
400 | oklch(0.902 0.060 106.52) | #e3e2b4 | hsl(59, 46%, 80%) |
|
|
500 | oklch(0.890 0.067 105.81) | #e0deab | hsl(58, 46%, 77%) |
|
|
600 | oklch(0.823 0.103 106.61) | #cdca79 | hsl(58, 46%, 64%) |
|
|
700 | oklch(0.761 0.134 107.25) | #bbb746 | hsl(58, 46%, 50%) |
|
|
800 | oklch(0.607 0.105 106.52) | #8a8633 | hsl(57, 46%, 37%) |
|
|
900 | oklch(0.440 0.073 106.01) | #585520 | hsl(57, 47%, 24%) |
|
|
950 | oklch(0.255 0.037 106.40) | #25240e | hsl(57, 45%, 10%) |
|
dsfds
50 | oklch(0.927 0.021 60.74) | #f2e4d9 | hsl(26, 49%, 90%) |
|
|
100 | oklch(0.882 0.037 60.68) | #ebd3c0 | hsl(27, 52%, 84%) |
|
|
200 | oklch(0.834 0.052 58.29) | #e3c1a8 | hsl(25, 51%, 77%) |
|
|
300 | oklch(0.788 0.066 58.25) | #dbb090 | hsl(26, 51%, 71%) |
|
|
400 | oklch(0.742 0.082 58.63) | #d39f77 | hsl(26, 51%, 65%) |
|
|
500 | oklch(0.697 0.097 57.92) | #cb8e5f | hsl(26, 51%, 58%) |
|
|
600 | oklch(0.626 0.115 55.99) | #bc743d | hsl(26, 51%, 49%) |
|
|
700 | oklch(0.533 0.095 56.47) | #965d31 | hsl(26, 51%, 39%) |
|
|
800 | oklch(0.437 0.076 56.59) | #714625 | hsl(26, 51%, 29%) |
|
|
900 | oklch(0.335 0.055 56.72) | #4c2f19 | hsl(26, 50%, 20%) |
|
|
950 | oklch(0.224 0.030 58.62) | #26180d | hsl(26, 49%, 10%) |
|
dsfds
50 | oklch(0.923 0.008 48.65) | #eae4e1 | hsl(20, 18%, 90%) |
|
|
100 | oklch(0.850 0.017 52.52) | #d7cbc4 | hsl(22, 19%, 81%) |
|
|
200 | oklch(0.774 0.025 47.04) | #c4b1a8 | hsl(19, 19%, 71%) |
|
|
300 | oklch(0.699 0.035 47.21) | #b1988c | hsl(19, 19%, 62%) |
|
|
400 | oklch(0.622 0.044 47.20) | #9e7f70 | hsl(20, 19%, 53%) |
|
|
500 | oklch(0.542 0.043 47.07) | #85685a | hsl(20, 19%, 44%) |
|
|
600 | oklch(0.481 0.037 47.93) | #70584c | hsl(20, 19%, 37%) |
|
|
700 | oklch(0.420 0.032 47.94) | #5c483e | hsl(20, 19%, 30%) |
|
|
800 | oklch(0.355 0.025 49.58) | #473830 | hsl(21, 19%, 23%) |
|
|
900 | oklch(0.287 0.020 50.18) | #332822 | hsl(21, 20%, 17%) |
|
|
950 | oklch(0.215 0.011 48.18) | #1e1815 | hsl(20, 18%, 10%) |
|
dsfds
50 | oklch(0.917 0.033 41.45) | #f8ddd3 | hsl(16, 73%, 90%) |
|
|
100 | oklch(0.778 0.097 41.54) | #eca286 | hsl(16, 73%, 73%) |
|
|
200 | oklch(0.655 0.164 40.23) | #e16739 | hsl(16, 74%, 55%) |
|
|
300 | oklch(0.508 0.145 38.99) | #a7401a | hsl(16, 73%, 38%) |
|
|
400 | oklch(0.333 0.087 40.12) | #5a230e | hsl(17, 73%, 20%) |
|
|
500 | oklch(0.127 0.021 52.27) | #0d0502 | hsl(16, 73%, 3%) |
|
|
600 | oklch(0.146 0.026 46.65) | #130703 | hsl(15, 73%, 4%) |
|
|
700 | oklch(0.166 0.030 46.84) | #190a04 | hsl(17, 72%, 6%) |
|
|
800 | oklch(0.183 0.038 41.98) | #200c05 | hsl(16, 73%, 7%) |
|
|
900 | oklch(0.201 0.043 42.57) | #260f06 | hsl(17, 73%, 9%) |
|
|
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.