Serene Earthy Color Palette
This palette blends crisp whites with muted earthy greens and deep charcoals, creating a serene yet sophisticated vibe that feels both modern and grounded.
Practical uses and creative applications
The Serene Earthy Color Palette is an exquisite blend of natural hues that evoke a sense of calm and grounding. Featuring soft whites, muted greens, and deep blues, this palette is perfect for branding and web design that seeks to convey tranquility and reliability.
Whether you're developing a website for a wellness brand or creating a logo for a sustainable product line, the earthy tones in this palette can help establish a strong connection with audiences who value authenticity and serenity. Ideal for designers and creatives in the fields of interior design and packaging, the Serene Earthy Color Palette can transform spaces and products alike.
Use the gentle whites and earthy greens to create inviting interiors that promote relaxation, or apply the robust dark shades for striking packaging that stands out on the shelf. This palette is particularly suited for brands that focus on eco-friendliness, holistic wellness, or artisanal craftsmanship, appealing to consumers seeking a harmonious lifestyle.
With its versatile and soothing aesthetic, the Serene Earthy Color Palette is a go-to choice for those looking to inspire peace and comfort through thoughtful design.
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.932 0.012 121.71) | #e7eae1 | hsl(80, 18%, 90%) |
|
|
| 100 | oklch(0.893 0.021 121.87) | #d9decf | hsl(80, 19%, 84%) |
|
|
| 200 | oklch(0.851 0.028 120.59) | #cbd1bd | hsl(78, 18%, 78%) |
|
|
| 300 | oklch(0.810 0.035 121.64) | #bdc5ac | hsl(79, 18%, 72%) |
|
|
| 400 | oklch(0.767 0.043 120.99) | #afb89a | hsl(78, 17%, 66%) |
|
|
| 500 | oklch(0.726 0.052 121.50) | #a1ac88 | hsl(78, 18%, 60%) |
|
|
| 600 | oklch(0.653 0.066 122.26) | #89976a | hsl(79, 18%, 50%) |
|
|
| 700 | oklch(0.557 0.056 121.68) | #6e7954 | hsl(78, 18%, 40%) |
|
|
| 800 | oklch(0.455 0.045 122.65) | #525b3f | hsl(79, 18%, 30%) |
|
|
| 900 | oklch(0.346 0.031 120.63) | #373c2a | hsl(77, 18%, 20%) |
|
|
| 950 | oklch(0.229 0.017 122.74) | #1b1e15 | hsl(80, 18%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.855 0.000 89.88) | #cfcfcf | hsl(0, 0%, 81%) |
|
|
| 200 | oklch(0.786 0.000 89.88) | #b9b9b9 | hsl(0, 0%, 73%) |
|
|
| 300 | oklch(0.712 0.000 89.88) | #a2a2a2 | hsl(0, 0%, 64%) |
|
|
| 400 | oklch(0.640 0.000 89.88) | #8c8c8c | hsl(0, 0%, 55%) |
|
|
| 500 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 600 | oklch(0.500 0.000 89.88) | #636363 | hsl(0, 0%, 39%) |
|
|
| 700 | oklch(0.431 0.000 89.88) | #505050 | hsl(0, 0%, 31%) |
|
|
| 800 | oklch(0.364 0.000 89.88) | #3e3e3e | hsl(0, 0%, 24%) |
|
|
| 900 | oklch(0.293 0.000 89.88) | #2c2c2c | hsl(0, 0%, 17%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.012 276.09) | #e0e2eb | hsl(229, 22%, 90%) |
|
|
| 100 | oklch(0.817 0.028 276.76) | #bec2d6 | hsl(230, 23%, 79%) |
|
|
| 200 | oklch(0.717 0.046 275.18) | #9ba2c1 | hsl(229, 23%, 68%) |
|
|
| 300 | oklch(0.615 0.063 274.80) | #7982ab | hsl(229, 23%, 57%) |
|
|
| 400 | oklch(0.515 0.074 275.03) | #5b6492 | hsl(230, 23%, 46%) |
|
|
| 500 | oklch(0.429 0.059 274.97) | #464d70 | hsl(230, 23%, 36%) |
|
|
| 600 | oklch(0.387 0.052 275.04) | #3c4260 | hsl(230, 23%, 31%) |
|
|
| 700 | oklch(0.343 0.044 275.12) | #323750 | hsl(230, 23%, 25%) |
|
|
| 800 | oklch(0.299 0.037 275.24) | #282c40 | hsl(230, 23%, 20%) |
|
|
| 900 | oklch(0.252 0.029 275.40) | #1e2130 | hsl(230, 23%, 15%) |
|
|
| 950 | oklch(0.202 0.018 274.90) | #14161f | hsl(229, 22%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
