Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft whites and muted greens, evoking a tranquil garden bathed in gentle sunlight, while the deep brown adds a grounding touch of rustic elegance.
Practical uses and creative applications
The 'Serene Earthy Color Palette' is a harmonious blend of soft whites, gentle greens, and deep earthy tones that evoke a sense of tranquility and connection to nature. With its main colors of #ffffff (pure white), #cbe86b (lively green), #f2e9e1 (soft beige), and #1c140d (dark brown), this palette is perfect for brands that aim to convey a message of sustainability and eco-friendliness.
Ideal for web design, packaging, and branding, it appeals strongly to businesses in the health, wellness, and organic product sectors, fostering a calming atmosphere that resonates with conscious consumers. Designers and creatives will find this palette particularly versatile for interior design projects, where it can be used to create serene spaces that promote relaxation and mindfulness.
The combination of earthy tones and soft hues can transform any environment into a peaceful retreat, making it an excellent choice for spas, yoga studios, or homes seeking a natural aesthetic. Whether you’re crafting a website or designing product packaging, the 'Serene Earthy Color Palette' offers an inviting and soothing mood that aligns perfectly with brands focused on well-being 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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.049 118.44) | #eff8d3 | hsl(75, 73%, 90%) |
|
|
| 100 | oklch(0.947 0.073 118.61) | #e8f5be | hsl(74, 73%, 85%) |
|
|
| 200 | oklch(0.931 0.096 118.95) | #e1f2a9 | hsl(74, 74%, 81%) |
|
|
| 300 | oklch(0.914 0.115 119.06) | #daee95 | hsl(73, 72%, 76%) |
|
|
| 400 | oklch(0.899 0.136 120.01) | #d2eb80 | hsl(74, 73%, 71%) |
|
|
| 500 | oklch(0.885 0.155 120.53) | #cbe86b | hsl(74, 73%, 66%) |
|
|
| 600 | oklch(0.850 0.188 122.26) | #b9e039 | hsl(74, 73%, 55%) |
|
|
| 700 | oklch(0.759 0.179 123.03) | #9cc21e | hsl(74, 73%, 44%) |
|
|
| 800 | oklch(0.610 0.142 122.75) | #749016 | hsl(74, 73%, 33%) |
|
|
| 900 | oklch(0.451 0.102 122.26) | #4c5e0f | hsl(74, 72%, 21%) |
|
|
| 950 | oklch(0.275 0.058 122.08) | #232c07 | hsl(75, 73%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.018 64.92) | #f0e5db | hsl(29, 41%, 90%) |
|
|
| 100 | oklch(0.930 0.016 64.66) | #f0e6dd | hsl(28, 39%, 90%) |
|
|
| 200 | oklch(0.933 0.016 64.66) | #f1e7de | hsl(28, 40%, 91%) |
|
|
| 300 | oklch(0.934 0.015 61.34) | #f1e7df | hsl(27, 39%, 91%) |
|
|
| 400 | oklch(0.937 0.015 61.34) | #f2e8e0 | hsl(27, 41%, 91%) |
|
|
| 500 | oklch(0.939 0.015 64.34) | #f2e9e1 | hsl(28, 40%, 92%) |
|
|
| 600 | oklch(0.818 0.044 62.59) | #d9bea7 | hsl(28, 40%, 75%) |
|
|
| 700 | oklch(0.699 0.075 62.67) | #c0946d | hsl(28, 40%, 59%) |
|
|
| 800 | oklch(0.563 0.081 61.05) | #986a42 | hsl(28, 39%, 43%) |
|
|
| 900 | oklch(0.404 0.054 62.09) | #5e4229 | hsl(28, 39%, 26%) |
|
|
| 950 | oklch(0.224 0.025 63.25) | #24190f | hsl(29, 41%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.016 64.66) | #efe5dc | hsl(28, 37%, 90%) |
|
|
| 100 | oklch(0.805 0.043 63.66) | #d4baa3 | hsl(28, 36%, 74%) |
|
|
| 200 | oklch(0.682 0.073 61.85) | #ba8f6a | hsl(28, 37%, 57%) |
|
|
| 300 | oklch(0.543 0.072 62.35) | #8e6642 | hsl(28, 37%, 41%) |
|
|
| 400 | oklch(0.381 0.047 61.87) | #553d28 | hsl(28, 36%, 25%) |
|
|
| 500 | oklch(0.199 0.019 62.62) | #1c140d | hsl(28, 37%, 8%) |
|
|
| 600 | oklch(0.203 0.019 62.67) | #1d150e | hsl(28, 35%, 8%) |
|
|
| 700 | oklch(0.209 0.021 62.93) | #1f160e | hsl(28, 38%, 9%) |
|
|
| 800 | oklch(0.213 0.021 62.98) | #20170f | hsl(28, 36%, 9%) |
|
|
| 900 | oklch(0.218 0.021 63.04) | #211810 | hsl(28, 35%, 10%) |
|
|
| 950 | oklch(0.223 0.023 63.21) | #231910 | hsl(28, 37%, 10%) |
|
dsfds
| 50 | oklch(0.963 0.049 118.44) | #eff8d3 | hsl(75, 73%, 90%) |
|
|
| 100 | oklch(0.947 0.073 118.61) | #e8f5be | hsl(74, 73%, 85%) |
|
|
| 200 | oklch(0.931 0.096 118.95) | #e1f2a9 | hsl(74, 74%, 81%) |
|
|
| 300 | oklch(0.914 0.115 119.06) | #daee95 | hsl(73, 72%, 76%) |
|
|
| 400 | oklch(0.899 0.136 120.01) | #d2eb80 | hsl(74, 73%, 71%) |
|
|
| 500 | oklch(0.885 0.155 120.53) | #cbe86b | hsl(74, 73%, 66%) |
|
|
| 600 | oklch(0.850 0.188 122.26) | #b9e039 | hsl(74, 73%, 55%) |
|
|
| 700 | oklch(0.759 0.179 123.03) | #9cc21e | hsl(74, 73%, 44%) |
|
|
| 800 | oklch(0.610 0.142 122.75) | #749016 | hsl(74, 73%, 33%) |
|
|
| 900 | oklch(0.451 0.102 122.26) | #4c5e0f | hsl(74, 72%, 21%) |
|
|
| 950 | oklch(0.275 0.058 122.08) | #232c07 | hsl(75, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
