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.

vintage warm nature fall
#ecf8d4
#e0deab
#cb8e5f
#85685a
#0d0502

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.

#9cddc8
#bfd8ad
#ddd9ab
#f7af63
#633d2e
#80d3bb
#bafdc2
#e5f3ba
#5c493d
#3a352f
#ebe7a7
#a7ebc9
#78b395
#917c67
#5e5953
#fdf2c5
#efe8b2
#c6d1a6
#82bfa0
#7a6f5d
#829b86
#96b7a2
#a6aa56
#b4b969
#dfdb9c
#f2ecdc
#574345
#e3dacb
#c5ffe5
#f5eed4
#fbe4ae
#dacb8a
#897632
#392e0e
#6bb88a
#fef7d5
#abee93
#2d938e
#0b4462
#f7a48b
#f1f7cd
#d3f7cd
#b5f7cd
#403a26
#81876c
© 2025 KColor. All rights reserved. 1.11.0