Soft Serenity Color Palette
This palette exudes a soft, serene elegance with muted lavender grays, warm blush pinks, and creamy whites, evoking a tranquil, sophisticated ambiance perfect for a cozy, modern retreat.
Practical uses and creative applications
The Soft Serenity Color Palette is a harmonious blend of muted tones designed to evoke a sense of calm and tranquility. Featuring a soothing mix of #817a8a, #cdbbbb, #fcddc8, #fffeea, and #efcaba, this palette is perfect for branding projects aimed at wellness, lifestyle, and organic products.
Its gentle hues create a welcoming atmosphere, making it an excellent choice for web design that seeks to engage users through a peaceful, user-friendly experience. Whether you're developing a website for a spa, a boutique café, or a holistic brand, this palette helps convey a message of serenity and comfort.
Ideal for designers and creatives looking to establish a fresh and airy aesthetic, the Soft Serenity Color Palette complements a variety of styles. From minimalist interiors that invite relaxation to elegant packaging for skincare products, these colors enhance visual storytelling and amplify brand identity.
The soft shades work beautifully in both digital and print mediums, ensuring that your designs not only capture attention but also resonate with your audience. Embrace the tranquility of the Soft Serenity Color Palette and elevate your creative projects to new heights.
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.921 0.004 301.42) | #e5e4e7 | hsl(260, 6%, 90%) |
|
|
| 100 | oklch(0.858 0.008 301.33) | #d1cfd5 | hsl(260, 7%, 82%) |
|
|
| 200 | oklch(0.794 0.012 303.07) | #bdbac2 | hsl(263, 6%, 75%) |
|
|
| 300 | oklch(0.726 0.017 306.33) | #a9a4af | hsl(267, 6%, 66%) |
|
|
| 400 | oklch(0.660 0.022 305.10) | #958f9d | hsl(266, 7%, 59%) |
|
|
| 500 | oklch(0.591 0.025 305.35) | #817a8a | hsl(266, 6%, 51%) |
|
|
| 600 | oklch(0.521 0.023 304.95) | #6c6674 | hsl(266, 6%, 43%) |
|
|
| 700 | oklch(0.450 0.018 302.17) | #57535e | hsl(262, 6%, 35%) |
|
|
| 800 | oklch(0.375 0.016 305.65) | #433f48 | hsl(267, 7%, 26%) |
|
|
| 900 | oklch(0.295 0.011 308.03) | #2e2b31 | hsl(270, 7%, 18%) |
|
|
| 950 | oklch(0.211 0.006 301.03) | #19181b | hsl(260, 6%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.008 17.30) | #e9e2e2 | hsl(0, 14%, 90%) |
|
|
| 100 | oklch(0.896 0.011 17.36) | #e4dada | hsl(0, 16%, 87%) |
|
|
| 200 | oklch(0.873 0.013 17.41) | #ded2d2 | hsl(0, 15%, 85%) |
|
|
| 300 | oklch(0.850 0.016 17.47) | #d8caca | hsl(0, 15%, 82%) |
|
|
| 400 | oklch(0.830 0.018 17.52) | #d3c3c3 | hsl(0, 15%, 80%) |
|
|
| 500 | oklch(0.807 0.021 17.58) | #cdbbbb | hsl(0, 15%, 77%) |
|
|
| 600 | oklch(0.692 0.034 17.99) | #b09494 | hsl(0, 15%, 64%) |
|
|
| 700 | oklch(0.571 0.050 18.73) | #936c6c | hsl(0, 15%, 50%) |
|
|
| 800 | oklch(0.458 0.039 18.69) | #6c4f4f | hsl(0, 16%, 37%) |
|
|
| 900 | oklch(0.341 0.026 18.52) | #453333 | hsl(0, 15%, 24%) |
|
|
| 950 | oklch(0.209 0.011 18.10) | #1d1616 | hsl(0, 14%, 10%) |
|
dsfds
| 50 | oklch(0.927 0.038 55.86) | #fce1cf | hsl(24, 88%, 90%) |
|
|
| 100 | oklch(0.925 0.040 56.33) | #fce0cd | hsl(24, 89%, 90%) |
|
|
| 200 | oklch(0.923 0.041 55.34) | #fcdfcc | hsl(24, 89%, 89%) |
|
|
| 300 | oklch(0.922 0.042 56.75) | #fcdfcb | hsl(24, 89%, 89%) |
|
|
| 400 | oklch(0.920 0.044 57.13) | #fcdec9 | hsl(25, 89%, 89%) |
|
|
| 500 | oklch(0.918 0.044 56.21) | #fcddc8 | hsl(24, 90%, 89%) |
|
|
| 600 | oklch(0.811 0.109 54.61) | #f8ae7c | hsl(24, 90%, 73%) |
|
|
| 700 | oklch(0.717 0.168 50.22) | #f47f30 | hsl(24, 90%, 57%) |
|
|
| 800 | oklch(0.592 0.162 46.19) | #c8570b | hsl(24, 90%, 41%) |
|
|
| 900 | oklch(0.421 0.111 47.51) | #7c3607 | hsl(24, 89%, 26%) |
|
|
| 950 | oklch(0.232 0.053 52.81) | #301503 | hsl(24, 88%, 10%) |
|
dsfds
| 50 | oklch(0.984 0.063 105.56) | #fffdcc | hsl(58, 100%, 90%) |
|
|
| 100 | oklch(0.985 0.055 105.18) | #fffdd2 | hsl(57, 100%, 91%) |
|
|
| 200 | oklch(0.986 0.048 104.70) | #fffdd8 | hsl(57, 100%, 92%) |
|
|
| 300 | oklch(0.988 0.040 104.09) | #fffdde | hsl(56, 100%, 94%) |
|
|
| 400 | oklch(0.991 0.034 105.20) | #fffee4 | hsl(58, 100%, 95%) |
|
|
| 500 | oklch(0.992 0.026 104.54) | #fffeea | hsl(57, 100%, 96%) |
|
|
| 600 | oklch(0.967 0.126 106.12) | #fffa92 | hsl(57, 100%, 79%) |
|
|
| 700 | oklch(0.951 0.189 106.59) | #fff63b | hsl(57, 100%, 62%) |
|
|
| 800 | oklch(0.860 0.183 105.91) | #e2d700 | hsl(57, 100%, 44%) |
|
|
| 900 | oklch(0.600 0.128 105.92) | #8b8400 | hsl(57, 100%, 27%) |
|
|
| 950 | oklch(0.305 0.066 107.24) | #333100 | hsl(58, 100%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.027 43.65) | #f5dfd6 | hsl(17, 61%, 90%) |
|
|
| 100 | oklch(0.909 0.032 45.27) | #f4dbd0 | hsl(18, 62%, 89%) |
|
|
| 200 | oklch(0.899 0.035 44.63) | #f3d7cb | hsl(18, 63%, 87%) |
|
|
| 300 | oklch(0.887 0.040 43.38) | #f2d2c5 | hsl(17, 63%, 86%) |
|
|
| 400 | oklch(0.876 0.043 43.66) | #f0cec0 | hsl(18, 62%, 85%) |
|
|
| 500 | oklch(0.866 0.047 44.72) | #efcaba | hsl(18, 62%, 83%) |
|
|
| 600 | oklch(0.751 0.094 44.04) | #e19b7d | hsl(18, 63%, 69%) |
|
|
| 700 | oklch(0.645 0.141 42.96) | #d36d41 | hsl(18, 62%, 54%) |
|
|
| 800 | oklch(0.520 0.126 42.55) | #a34c26 | hsl(18, 62%, 39%) |
|
|
| 900 | oklch(0.375 0.087 42.19) | #662f18 | hsl(18, 62%, 25%) |
|
|
| 950 | oklch(0.216 0.040 42.58) | #29130a | hsl(17, 61%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
