Lively Earthy Color Palette
This palette radiates a lively yet earthy vibe, blending warm golden ochre, vibrant leaf green, deep teal, rich forest green, and a grounding dark brown to evoke a harmonious connection with nature.
Practical uses and creative applications
The Lively Earthy Color Palette features a harmonious blend of warm and cool tones with colors like #d6ce8b, #8fd053, #02907d, #03453d, and #2c1001, making it a versatile choice for various design applications. This palette is ideal for brands that want to convey a sense of nature, warmth, and approachability.
Whether used in web design, branding, or packaging, these colors evoke feelings of growth, sustainability, and vitality, perfect for businesses in the organic food, eco-friendly products, or wellness industries. For interior designers and creatives, the Lively Earthy Color Palette can transform spaces into serene retreats.
The soft yellow and refreshing greens can be used as accent colors in living rooms or kitchens, while the deeper greens and rich browns provide a grounding effect, creating a cozy atmosphere. This palette suits those looking to foster a connection with nature, making it ideal for modern rustic or biophilic design styles.
Ultimately, the Lively Earthy Color Palette is perfect for designers and brands aiming to resonate with an audience that values authenticity and environmental consciousness.
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.949 0.029 100.58) | #f2efd9 | hsl(53, 49%, 90%) |
|
|
100 | oklch(0.926 0.040 100.89) | #ece8ca | hsl(53, 47%, 86%) |
|
|
200 | oklch(0.907 0.053 101.48) | #e7e2ba | hsl(53, 48%, 82%) |
|
|
300 | oklch(0.884 0.064 101.78) | #e1dbaa | hsl(53, 48%, 77%) |
|
|
400 | oklch(0.865 0.076 102.03) | #dcd59b | hsl(54, 48%, 74%) |
|
|
500 | oklch(0.842 0.087 102.25) | #d6ce8b | hsl(54, 48%, 69%) |
|
|
600 | oklch(0.782 0.116 102.59) | #c6bb5e | hsl(54, 48%, 57%) |
|
|
700 | oklch(0.697 0.120 102.40) | #aca03d | hsl(54, 48%, 46%) |
|
|
800 | oklch(0.559 0.094 102.30) | #7f762d | hsl(53, 48%, 34%) |
|
|
900 | oklch(0.414 0.068 103.38) | #524d1d | hsl(54, 48%, 22%) |
|
|
950 | oklch(0.253 0.037 101.62) | #26230d | hsl(53, 49%, 10%) |
|
dsfds
50 | oklch(0.948 0.041 129.62) | #e5f4d7 | hsl(91, 57%, 90%) |
|
|
100 | oklch(0.915 0.069 130.11) | #d4edbd | hsl(91, 57%, 84%) |
|
|
200 | oklch(0.883 0.097 130.31) | #c3e6a2 | hsl(91, 58%, 77%) |
|
|
300 | oklch(0.849 0.122 131.09) | #b1de88 | hsl(91, 57%, 70%) |
|
|
400 | oklch(0.818 0.148 131.54) | #a0d76d | hsl(91, 57%, 64%) |
|
|
500 | oklch(0.788 0.171 132.31) | #8fd053 | hsl(91, 57%, 57%) |
|
|
600 | oklch(0.730 0.183 133.25) | #77bf34 | hsl(91, 57%, 48%) |
|
|
700 | oklch(0.621 0.154 133.26) | #5f992a | hsl(91, 57%, 38%) |
|
|
800 | oklch(0.506 0.122 132.93) | #487320 | hsl(91, 56%, 29%) |
|
|
900 | oklch(0.387 0.091 132.97) | #304e15 | hsl(92, 58%, 19%) |
|
|
950 | oklch(0.255 0.053 132.01) | #19280b | hsl(91, 57%, 10%) |
|
dsfds
50 | oklch(0.962 0.050 187.20) | #cdfef8 | hsl(173, 96%, 90%) |
|
|
100 | oklch(0.924 0.104 185.02) | #8ffdef | hsl(172, 96%, 78%) |
|
|
200 | oklch(0.902 0.142 182.23) | #51fde6 | hsl(172, 98%, 65%) |
|
|
300 | oklch(0.888 0.160 179.40) | #13fcdd | hsl(172, 97%, 53%) |
|
|
400 | oklch(0.762 0.139 178.74) | #03ceb3 | hsl(172, 97%, 41%) |
|
|
500 | oklch(0.585 0.107 179.02) | #02907d | hsl(172, 97%, 29%) |
|
|
600 | oklch(0.528 0.096 179.63) | #027d6d | hsl(172, 97%, 25%) |
|
|
700 | oklch(0.473 0.086 178.58) | #016b5c | hsl(172, 98%, 21%) |
|
|
800 | oklch(0.412 0.075 179.32) | #01584c | hsl(172, 98%, 17%) |
|
|
900 | oklch(0.350 0.063 180.42) | #01453c | hsl(172, 97%, 14%) |
|
|
950 | oklch(0.285 0.050 182.21) | #01322c | hsl(173, 96%, 10%) |
|
dsfds
50 | oklch(0.960 0.049 186.87) | #cefdf7 | hsl(172, 92%, 90%) |
|
|
100 | oklch(0.912 0.110 184.73) | #84faeb | hsl(172, 92%, 75%) |
|
|
200 | oklch(0.879 0.146 182.94) | #3af6e0 | hsl(173, 91%, 60%) |
|
|
300 | oklch(0.794 0.143 180.46) | #09d9c0 | hsl(173, 92%, 44%) |
|
|
400 | oklch(0.583 0.104 181.21) | #068f7f | hsl(173, 92%, 29%) |
|
|
500 | oklch(0.351 0.062 181.79) | #03453d | hsl(173, 92%, 14%) |
|
|
600 | oklch(0.337 0.059 181.15) | #034139 | hsl(172, 91%, 13%) |
|
|
700 | oklch(0.324 0.056 182.13) | #033d36 | hsl(173, 91%, 13%) |
|
|
800 | oklch(0.310 0.054 181.52) | #023932 | hsl(172, 93%, 12%) |
|
|
900 | oklch(0.296 0.052 182.65) | #02352f | hsl(173, 93%, 11%) |
|
|
950 | oklch(0.282 0.049 181.88) | #02312b | hsl(172, 92%, 10%) |
|
dsfds
50 | oklch(0.923 0.042 49.76) | #fedecd | hsl(21, 96%, 90%) |
|
|
100 | oklch(0.806 0.115 49.02) | #fca97c | hsl(21, 96%, 74%) |
|
|
200 | oklch(0.707 0.184 44.71) | #fa732b | hsl(21, 95%, 57%) |
|
|
300 | oklch(0.585 0.178 40.94) | #ce4b05 | hsl(21, 95%, 41%) |
|
|
400 | oklch(0.409 0.121 42.18) | #7d2d03 | hsl(21, 95%, 25%) |
|
|
500 | oklch(0.214 0.054 49.93) | #2c1001 | hsl(21, 96%, 9%) |
|
|
600 | oklch(0.215 0.055 49.03) | #2d1001 | hsl(20, 96%, 9%) |
|
|
700 | oklch(0.219 0.056 50.01) | #2e1101 | hsl(21, 96%, 9%) |
|
|
800 | oklch(0.223 0.058 48.33) | #301101 | hsl(20, 96%, 10%) |
|
|
900 | oklch(0.227 0.058 49.24) | #311201 | hsl(21, 96%, 10%) |
|
|
950 | oklch(0.229 0.060 48.45) | #321201 | hsl(21, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.