Serene Earthy Color Palette
This palette exudes a serene, earthy vibe with soft grays and muted greens, punctuated by warm tan and cool blue, creating a tranquil and natural aesthetic perfect for a modern, understated space.
Practical uses and creative applications
The Serene Earthy Color Palette is a harmonious collection that blends subtle neutrals with soft earthy tones, making it perfect for a variety of design applications. Featuring shades like #E9E9E9 (a gentle light gray), #C8C8A0 (a calming sage), and #A0A078 (a muted olive), this palette evokes a sense of tranquility and connection to nature.
Ideal for branding, web design, packaging, and interiors, it can create a soothing atmosphere that resonates with audiences seeking comfort and simplicity. This color palette is particularly well-suited for designers and creatives focused on wellness, eco-friendly products, and sustainable living.
The serene tones can enhance a brand's identity, making it relatable and inviting. In web design, these colors can be used to create user-friendly interfaces that promote relaxation and engagement.
For packaging, the earthy hues convey a natural and organic feel, appealing to consumers looking for authenticity in their purchases. Whether you're designing a cozy café or an eco-conscious brand, the Serene Earthy Color Palette is your go-to choice for fostering a warm, inviting mood.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
| 300 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 400 | oklch(0.931 0.000 89.88) | #e8e8e8 | hsl(0, 0%, 91%) |
|
|
| 500 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 600 | oklch(0.808 0.000 89.88) | #c0c0c0 | hsl(0, 0%, 75%) |
|
|
| 700 | oklch(0.673 0.000 89.88) | #969696 | hsl(0, 0%, 59%) |
|
|
| 800 | oklch(0.535 0.000 89.88) | #6d6d6d | hsl(0, 0%, 43%) |
|
|
| 900 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.017 106.73) | #ececdf | hsl(60, 25%, 90%) |
|
|
| 100 | oklch(0.917 0.025 106.89) | #e5e5d2 | hsl(60, 27%, 86%) |
|
|
| 200 | oklch(0.894 0.032 107.03) | #dedec6 | hsl(60, 27%, 82%) |
|
|
| 300 | oklch(0.871 0.040 107.20) | #d7d7b9 | hsl(60, 27%, 78%) |
|
|
| 400 | oklch(0.846 0.046 107.34) | #cfcfad | hsl(60, 26%, 75%) |
|
|
| 500 | oklch(0.823 0.054 107.52) | #c8c8a0 | hsl(60, 27%, 71%) |
|
|
| 600 | oklch(0.747 0.075 108.09) | #b1b179 | hsl(60, 26%, 58%) |
|
|
| 700 | oklch(0.658 0.085 108.52) | #969657 | hsl(60, 27%, 46%) |
|
|
| 800 | oklch(0.530 0.067 108.48) | #6f6f40 | hsl(60, 27%, 34%) |
|
|
| 900 | oklch(0.390 0.046 108.38) | #474729 | hsl(60, 27%, 22%) |
|
|
| 950 | oklch(0.239 0.023 108.03) | #202013 | hsl(60, 25%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.012 106.63) | #eaeae1 | hsl(60, 18%, 90%) |
|
|
| 100 | oklch(0.887 0.020 106.80) | #dbdbcc | hsl(60, 17%, 83%) |
|
|
| 200 | oklch(0.840 0.029 107.00) | #ccccb7 | hsl(60, 17%, 76%) |
|
|
| 300 | oklch(0.794 0.038 107.24) | #bebea2 | hsl(60, 18%, 69%) |
|
|
| 400 | oklch(0.745 0.047 107.49) | #afaf8d | hsl(60, 18%, 62%) |
|
|
| 500 | oklch(0.695 0.056 107.76) | #a0a078 | hsl(60, 17%, 55%) |
|
|
| 600 | oklch(0.620 0.057 107.94) | #898961 | hsl(60, 17%, 46%) |
|
|
| 700 | oklch(0.533 0.049 107.94) | #6f6f4e | hsl(60, 17%, 37%) |
|
|
| 800 | oklch(0.439 0.039 107.89) | #54543b | hsl(60, 17%, 28%) |
|
|
| 900 | oklch(0.339 0.028 107.81) | #393928 | hsl(60, 18%, 19%) |
|
|
| 950 | oklch(0.232 0.017 107.62) | #1e1e15 | hsl(60, 18%, 10%) |
|
dsfds
| 50 | oklch(0.930 0.018 70.23) | #f0e6db | hsl(31, 41%, 90%) |
|
|
| 100 | oklch(0.891 0.029 69.13) | #e8d8c7 | hsl(31, 42%, 85%) |
|
|
| 200 | oklch(0.851 0.040 68.50) | #e0cab3 | hsl(31, 42%, 79%) |
|
|
| 300 | oklch(0.812 0.050 67.03) | #d8bca0 | hsl(30, 42%, 74%) |
|
|
| 400 | oklch(0.772 0.061 66.72) | #d0ae8c | hsl(30, 42%, 68%) |
|
|
| 500 | oklch(0.733 0.072 66.31) | #c8a078 | hsl(30, 42%, 63%) |
|
|
| 600 | oklch(0.656 0.092 65.02) | #b88552 | hsl(30, 42%, 52%) |
|
|
| 700 | oklch(0.561 0.084 64.65) | #976a3d | hsl(30, 42%, 42%) |
|
|
| 800 | oklch(0.457 0.066 64.03) | #714f2e | hsl(30, 42%, 31%) |
|
|
| 900 | oklch(0.345 0.047 65.20) | #4a341e | hsl(30, 42%, 20%) |
|
|
| 950 | oklch(0.227 0.025 68.66) | #241a0f | hsl(31, 41%, 10%) |
|
dsfds
| 50 | oklch(0.923 0.011 234.83) | #dfe7ec | hsl(203, 25%, 90%) |
|
|
| 100 | oklch(0.894 0.016 233.04) | #d2dee5 | hsl(202, 27%, 86%) |
|
|
| 200 | oklch(0.864 0.021 233.89) | #c6d5de | hsl(203, 27%, 82%) |
|
|
| 300 | oklch(0.832 0.026 236.90) | #b9cbd7 | hsl(204, 27%, 78%) |
|
|
| 400 | oklch(0.802 0.029 234.95) | #adc2cf | hsl(203, 26%, 75%) |
|
|
| 500 | oklch(0.772 0.035 234.25) | #a0b9c8 | hsl(203, 27%, 71%) |
|
|
| 600 | oklch(0.674 0.050 234.82) | #799cb1 | hsl(203, 26%, 58%) |
|
|
| 700 | oklch(0.573 0.057 236.13) | #577e96 | hsl(203, 27%, 46%) |
|
|
| 800 | oklch(0.463 0.045 236.30) | #405d6f | hsl(203, 27%, 34%) |
|
|
| 900 | oklch(0.345 0.031 234.26) | #293c47 | hsl(202, 27%, 22%) |
|
|
| 950 | oklch(0.216 0.015 235.86) | #131b20 | hsl(203, 25%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
