Serene Earthy Color Palette
This palette blends soft pastels with earthy tones, evoking a serene yet grounded vibe, where the gentle greens and muted pinks harmonize with deep, rich accents for a chic, bohemian style.
Practical uses and creative applications
The Serene Earthy Color Palette embodies a harmonious blend of soft, muted tones that evoke a sense of tranquility and connection to nature. Featuring shades like the gentle #e5e6b8 and the calming #c6d4b8, this palette is ideal for branding projects focused on wellness, sustainability, and organic products.
It's particularly effective in web design, where these earthy hues can create an inviting, serene atmosphere that encourages user engagement and fosters a sense of trust. This color palette is perfect for designers and creatives looking to infuse their projects with a sense of grounding and warmth.
The deeper tones, such as #856a6a and #9c325c, add depth and richness, making it suitable for packaging design that aims to convey quality and authenticity. Additionally, interior designers can utilize this palette to create soothing living spaces that promote relaxation and mindfulness, ideal for residential homes, spas, or wellness centers.
Overall, the Serene Earthy Color Palette is versatile and can effortlessly enhance any project seeking to inspire peace and connection to the natural world.
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.954 0.033 108.87) | #f1f2d9 | hsl(62, 49%, 90%) |
|
|
100 | oklch(0.945 0.037 107.08) | #efefd3 | hsl(60, 47%, 88%) |
|
|
200 | oklch(0.937 0.043 108.63) | #ecedcc | hsl(62, 48%, 86%) |
|
|
300 | oklch(0.930 0.050 108.57) | #eaebc5 | hsl(62, 49%, 85%) |
|
|
400 | oklch(0.920 0.054 108.56) | #e7e8bf | hsl(61, 47%, 83%) |
|
|
500 | oklch(0.913 0.060 108.57) | #e5e6b8 | hsl(61, 48%, 81%) |
|
|
600 | oklch(0.847 0.103 109.63) | #d1d382 | hsl(61, 48%, 67%) |
|
|
700 | oklch(0.784 0.137 110.12) | #bec04d | hsl(61, 48%, 53%) |
|
|
800 | oklch(0.636 0.116 110.45) | #8f9133 | hsl(61, 48%, 38%) |
|
|
900 | oklch(0.457 0.080 110.11) | #5a5b20 | hsl(61, 48%, 24%) |
|
|
950 | oklch(0.261 0.041 110.99) | #25260d | hsl(62, 49%, 10%) |
|
dsfds
50 | oklch(0.935 0.018 127.15) | #e6ecdf | hsl(88, 25%, 90%) |
|
|
100 | oklch(0.917 0.023 128.74) | #dfe7d7 | hsl(90, 25%, 87%) |
|
|
200 | oklch(0.901 0.026 128.79) | #d9e2d0 | hsl(90, 24%, 85%) |
|
|
300 | oklch(0.886 0.032 128.87) | #d3dec8 | hsl(90, 25%, 83%) |
|
|
400 | oklch(0.869 0.037 129.71) | #ccd9c0 | hsl(91, 25%, 80%) |
|
|
500 | oklch(0.852 0.041 129.01) | #c6d4b8 | hsl(90, 25%, 78%) |
|
|
600 | oklch(0.760 0.067 129.08) | #a4ba8d | hsl(89, 25%, 64%) |
|
|
700 | oklch(0.667 0.093 130.22) | #81a062 | hsl(90, 25%, 51%) |
|
|
800 | oklch(0.535 0.074 129.83) | #5f7647 | hsl(89, 25%, 37%) |
|
|
900 | oklch(0.391 0.052 130.10) | #3c4b2d | hsl(90, 25%, 24%) |
|
|
950 | oklch(0.233 0.025 128.36) | #1a2013 | hsl(88, 25%, 10%) |
|
dsfds
50 | oklch(0.933 0.014 191.38) | #dfeceb | hsl(175, 25%, 90%) |
|
|
100 | oklch(0.884 0.023 193.41) | #c8dedd | hsl(177, 25%, 83%) |
|
|
200 | oklch(0.834 0.033 191.75) | #b1d0ce | hsl(176, 25%, 75%) |
|
|
300 | oklch(0.785 0.043 192.53) | #9ac2c0 | hsl(177, 25%, 68%) |
|
|
400 | oklch(0.734 0.052 191.34) | #83b4b1 | hsl(176, 25%, 61%) |
|
|
500 | oklch(0.684 0.061 191.69) | #6ca6a3 | hsl(177, 25%, 54%) |
|
|
600 | oklch(0.610 0.059 191.35) | #578f8c | hsl(177, 24%, 45%) |
|
|
700 | oklch(0.522 0.050 192.13) | #467371 | hsl(177, 24%, 36%) |
|
|
800 | oklch(0.431 0.040 193.41) | #355756 | hsl(178, 24%, 27%) |
|
|
900 | oklch(0.336 0.030 189.17) | #243c3a | hsl(175, 25%, 19%) |
|
|
950 | oklch(0.231 0.018 189.94) | #13201f | hsl(175, 25%, 10%) |
|
dsfds
50 | oklch(0.920 0.005 17.26) | #e8e3e3 | hsl(0, 10%, 90%) |
|
|
100 | oklch(0.848 0.012 17.40) | #d5caca | hsl(0, 12%, 81%) |
|
|
200 | oklch(0.776 0.017 17.53) | #c1b2b2 | hsl(0, 11%, 73%) |
|
|
300 | oklch(0.701 0.025 17.76) | #ae9999 | hsl(0, 11%, 64%) |
|
|
400 | oklch(0.626 0.031 18.00) | #9a8181 | hsl(0, 11%, 55%) |
|
|
500 | oklch(0.551 0.035 18.25) | #856a6a | hsl(0, 11%, 47%) |
|
|
600 | oklch(0.487 0.030 18.25) | #705959 | hsl(0, 11%, 39%) |
|
|
700 | oklch(0.424 0.025 18.16) | #5b4949 | hsl(0, 11%, 32%) |
|
|
800 | oklch(0.356 0.020 18.13) | #463838 | hsl(0, 11%, 25%) |
|
|
900 | oklch(0.284 0.015 18.07) | #312727 | hsl(0, 11%, 17%) |
|
|
950 | oklch(0.211 0.008 17.81) | #1c1717 | hsl(0, 10%, 10%) |
|
dsfds
50 | oklch(0.908 0.033 351.20) | #f3d8e3 | hsl(336, 53%, 90%) |
|
|
100 | oklch(0.817 0.066 352.57) | #e6b2c7 | hsl(336, 51%, 80%) |
|
|
200 | oklch(0.729 0.102 354.50) | #da8cab | hsl(336, 51%, 70%) |
|
|
300 | oklch(0.643 0.140 356.53) | #ce658f | hsl(336, 52%, 60%) |
|
|
400 | oklch(0.567 0.171 359.60) | #c13f73 | hsl(336, 51%, 50%) |
|
|
500 | oklch(0.485 0.145 359.73) | #9c325c | hsl(336, 51%, 40%) |
|
|
600 | oklch(0.433 0.129 359.67) | #852a4e | hsl(336, 52%, 34%) |
|
|
700 | oklch(0.378 0.109 359.50) | #6d2340 | hsl(336, 51%, 28%) |
|
|
800 | oklch(0.322 0.091 359.37) | #561b32 | hsl(337, 52%, 22%) |
|
|
900 | oklch(0.264 0.069 357.65) | #3e1425 | hsl(336, 51%, 16%) |
|
|
950 | oklch(0.203 0.048 356.65) | #270c17 | hsl(336, 53%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.