Serene Earthy Color Palette
This palette radiates a serene, earthy vibe with soft greens and muted yellows, evoking a tranquil garden oasis where nature and calmness harmonize beautifully.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious blend of soft greens and muted yellows, perfectly designed to evoke a sense of calm and connection to nature. Comprising shades like #cccc66, #a6bf73, #80b380, #59a68c, and #339999, this palette is ideal for designers seeking to create tranquil branding or web design projects.
Whether you're developing a wellness brand, an eco-friendly product line, or a serene spa website, these colors will instill a sense of relaxation and groundedness, making them perfect for any creative project aimed at promoting peace and stability. This palette is particularly suited for interior designers looking to create calming spaces that inspire comfort and mindfulness.
These earthy hues can be seamlessly integrated into packaging design for organic products, ensuring that the visual presentation aligns with the natural ethos of the brand. The Serene Earthy Color Palette resonates with creatives who value sustainability and wish to convey a message of eco-consciousness through their work.
Ideal for nature-based businesses or wellness-focused initiatives, this palette not only enhances aesthetic appeal but also fosters an inviting atmosphere that speaks to the heart.
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.955 0.033 107.01) | #f2f2d9 | hsl(60, 49%, 90%) |
|
|
| 100 | oklch(0.930 0.054 107.40) | #ebebc2 | hsl(60, 51%, 84%) |
|
|
| 200 | oklch(0.902 0.073 107.77) | #e3e3ab | hsl(60, 50%, 78%) |
|
|
| 300 | oklch(0.875 0.091 108.15) | #dbdb94 | hsl(60, 50%, 72%) |
|
|
| 400 | oklch(0.851 0.110 108.52) | #d4d47d | hsl(60, 50%, 66%) |
|
|
| 500 | oklch(0.824 0.125 108.86) | #cccc66 | hsl(60, 50%, 60%) |
|
|
| 600 | oklch(0.781 0.146 109.34) | #bfbf40 | hsl(60, 50%, 50%) |
|
|
| 700 | oklch(0.663 0.123 109.32) | #999933 | hsl(60, 50%, 40%) |
|
|
| 800 | oklch(0.540 0.098 109.28) | #737326 | hsl(60, 50%, 30%) |
|
|
| 900 | oklch(0.409 0.071 109.18) | #4d4d1a | hsl(60, 50%, 20%) |
|
|
| 950 | oklch(0.262 0.041 108.91) | #26260d | hsl(60, 49%, 10%) |
|
dsfds
| 50 | oklch(0.942 0.026 121.19) | #e9efdc | hsl(79, 37%, 90%) |
|
|
| 100 | oklch(0.906 0.041 122.24) | #dbe5c7 | hsl(80, 37%, 84%) |
|
|
| 200 | oklch(0.873 0.058 122.59) | #cedcb2 | hsl(80, 38%, 78%) |
|
|
| 300 | oklch(0.838 0.073 122.42) | #c1d29d | hsl(79, 37%, 72%) |
|
|
| 400 | oklch(0.803 0.090 123.61) | #b3c988 | hsl(80, 38%, 66%) |
|
|
| 500 | oklch(0.768 0.105 123.69) | #a6bf73 | hsl(80, 37%, 60%) |
|
|
| 600 | oklch(0.710 0.128 124.60) | #90af50 | hsl(80, 37%, 50%) |
|
|
| 700 | oklch(0.603 0.107 124.63) | #738c40 | hsl(80, 37%, 40%) |
|
|
| 800 | oklch(0.491 0.085 124.70) | #566930 | hsl(80, 37%, 30%) |
|
|
| 900 | oklch(0.373 0.061 123.75) | #3a4620 | hsl(79, 37%, 20%) |
|
|
| 950 | oklch(0.244 0.035 123.26) | #1d2310 | hsl(79, 37%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.022 145.39) | #dfecdf | hsl(120, 25%, 90%) |
|
|
| 100 | oklch(0.888 0.036 145.26) | #cce1cc | hsl(120, 26%, 84%) |
|
|
| 200 | oklch(0.845 0.049 145.13) | #b9d5b9 | hsl(120, 25%, 78%) |
|
|
| 300 | oklch(0.803 0.063 144.96) | #a6caa6 | hsl(120, 25%, 72%) |
|
|
| 400 | oklch(0.759 0.076 144.78) | #93be93 | hsl(120, 25%, 66%) |
|
|
| 500 | oklch(0.717 0.091 144.56) | #80b380 | hsl(120, 25%, 60%) |
|
|
| 600 | oklch(0.646 0.114 144.11) | #60a060 | hsl(120, 25%, 50%) |
|
|
| 700 | oklch(0.550 0.095 144.15) | #4d804d | hsl(120, 25%, 40%) |
|
|
| 800 | oklch(0.449 0.077 144.17) | #396039 | hsl(120, 25%, 30%) |
|
|
| 900 | oklch(0.342 0.055 144.26) | #264026 | hsl(120, 25%, 20%) |
|
|
| 950 | oklch(0.227 0.031 144.48) | #132013 | hsl(120, 25%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.017 174.04) | #deede8 | hsl(160, 29%, 90%) |
|
|
| 100 | oklch(0.881 0.032 174.21) | #c3dfd6 | hsl(161, 30%, 82%) |
|
|
| 200 | oklch(0.828 0.047 171.82) | #a9d1c3 | hsl(159, 30%, 74%) |
|
|
| 300 | oklch(0.773 0.060 172.48) | #8ec2b1 | hsl(160, 30%, 66%) |
|
|
| 400 | oklch(0.720 0.074 170.47) | #74b49e | hsl(159, 30%, 58%) |
|
|
| 500 | oklch(0.668 0.087 169.57) | #59a68c | hsl(160, 30%, 50%) |
|
|
| 600 | oklch(0.588 0.074 170.31) | #4b8b76 | hsl(160, 30%, 42%) |
|
|
| 700 | oklch(0.507 0.064 169.28) | #3d715f | hsl(159, 30%, 34%) |
|
|
| 800 | oklch(0.419 0.051 170.76) | #2e5649 | hsl(161, 30%, 26%) |
|
|
| 900 | oklch(0.330 0.039 169.02) | #203c32 | hsl(159, 30%, 18%) |
|
|
| 950 | oklch(0.232 0.023 171.26) | #12211c | hsl(160, 29%, 10%) |
|
dsfds
| 50 | oklch(0.943 0.026 196.72) | #d9f2f2 | hsl(180, 49%, 90%) |
|
|
| 100 | oklch(0.890 0.052 196.25) | #b3e6e6 | hsl(180, 50%, 80%) |
|
|
| 200 | oklch(0.836 0.076 195.79) | #8cd9d9 | hsl(180, 50%, 70%) |
|
|
| 300 | oklch(0.785 0.095 195.39) | #66cccc | hsl(180, 50%, 60%) |
|
|
| 400 | oklch(0.737 0.109 195.05) | #40bfbf | hsl(180, 50%, 50%) |
|
|
| 500 | oklch(0.626 0.092 195.07) | #339999 | hsl(180, 50%, 40%) |
|
|
| 600 | oklch(0.556 0.081 195.08) | #2b8282 | hsl(180, 50%, 34%) |
|
|
| 700 | oklch(0.485 0.069 195.11) | #246b6b | hsl(180, 50%, 28%) |
|
|
| 800 | oklch(0.410 0.057 195.14) | #1c5454 | hsl(180, 50%, 22%) |
|
|
| 900 | oklch(0.332 0.045 195.20) | #143d3d | hsl(180, 51%, 16%) |
|
|
| 950 | oklch(0.249 0.031 195.35) | #0d2626 | hsl(180, 49%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
