Soft Serenity Color Palette
This soft yet sophisticated palette blends gentle blush and muted mauve with earthy greys and a fresh sage, creating a serene, modern vibe perfect for a tranquil, stylish retreat.
Practical uses and creative applications
The Soft Serenity Color Palette embodies a tranquil blend of muted tones, ideal for those seeking a calm and inviting aesthetic in their projects. Featuring gentle shades like #EDE2DC, a delicate off-white, and #BDAAB4, a soft mauve, this palette is perfect for creating soothing environments in both branding and web design.
Its earthy undertones, represented by #80737A and #695D64, work harmoniously to evoke a sense of stability and comfort, making it an excellent choice for wellness brands, spas, and lifestyle blogs aiming to promote a serene lifestyle. This palette is particularly well-suited for creatives and designers looking to craft interiors that resonate with peace and relaxation.
Whether you’re designing a cozy café, a calming yoga studio, or a chic boutique, the Soft Serenity Color Palette can enhance the overall mood and experience of the space. Additionally, its versatile shades can be applied to packaging designs, helping products stand out while conveying a message of tranquility and mindfulness.
Embrace this color palette to inspire a sense of harmony and balance in your next project!.
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.923 0.015 50.80) | #eee3dd | hsl(21, 33%, 90%) |
|
|
| 100 | oklch(0.923 0.015 50.80) | #eee3dd | hsl(21, 33%, 90%) |
|
|
| 200 | oklch(0.922 0.014 53.34) | #ede3dd | hsl(22, 31%, 90%) |
|
|
| 300 | oklch(0.920 0.014 46.22) | #ede2dd | hsl(19, 31%, 90%) |
|
|
| 400 | oklch(0.920 0.015 50.79) | #ede2dc | hsl(21, 32%, 90%) |
|
|
| 500 | oklch(0.920 0.015 50.79) | #ede2dc | hsl(21, 32%, 90%) |
|
|
| 600 | oklch(0.795 0.038 52.58) | #d1b6a6 | hsl(22, 32%, 74%) |
|
|
| 700 | oklch(0.667 0.065 49.27) | #b68971 | hsl(21, 32%, 58%) |
|
|
| 800 | oklch(0.533 0.068 50.38) | #8d6148 | hsl(22, 32%, 42%) |
|
|
| 900 | oklch(0.383 0.045 49.99) | #573c2d | hsl(21, 32%, 26%) |
|
|
| 950 | oklch(0.217 0.021 49.82) | #221711 | hsl(21, 33%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.009 341.82) | #e9e2e6 | hsl(326, 14%, 90%) |
|
|
| 100 | oklch(0.888 0.012 342.67) | #e0d7dc | hsl(327, 13%, 86%) |
|
|
| 200 | oklch(0.856 0.015 343.26) | #d7ccd2 | hsl(327, 12%, 82%) |
|
|
| 300 | oklch(0.824 0.017 343.71) | #cec1c8 | hsl(328, 12%, 78%) |
|
|
| 400 | oklch(0.790 0.023 344.36) | #c6b5be | hsl(328, 13%, 74%) |
|
|
| 500 | oklch(0.757 0.026 344.64) | #bdaab4 | hsl(328, 13%, 70%) |
|
|
| 600 | oklch(0.653 0.038 345.62) | #a28795 | hsl(329, 13%, 58%) |
|
|
| 700 | oklch(0.549 0.045 345.38) | #856777 | hsl(328, 13%, 46%) |
|
|
| 800 | oklch(0.444 0.035 344.68) | #624c58 | hsl(327, 13%, 34%) |
|
|
| 900 | oklch(0.332 0.024 343.23) | #3f3139 | hsl(326, 13%, 22%) |
|
|
| 950 | oklch(0.210 0.013 343.04) | #1d161a | hsl(326, 14%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
| 100 | oklch(0.853 0.007 340.42) | #d2cdd0 | hsl(324, 5%, 81%) |
|
|
| 200 | oklch(0.786 0.010 341.87) | #beb7bb | hsl(326, 5%, 73%) |
|
|
| 300 | oklch(0.716 0.014 345.63) | #aaa0a5 | hsl(330, 6%, 65%) |
|
|
| 400 | oklch(0.643 0.018 341.64) | #958990 | hsl(325, 5%, 56%) |
|
|
| 500 | oklch(0.570 0.019 344.00) | #80737a | hsl(328, 5%, 48%) |
|
|
| 600 | oklch(0.505 0.017 343.64) | #6c6167 | hsl(327, 5%, 40%) |
|
|
| 700 | oklch(0.438 0.013 348.94) | #584f53 | hsl(333, 5%, 33%) |
|
|
| 800 | oklch(0.365 0.012 342.33) | #433c40 | hsl(326, 6%, 25%) |
|
|
| 900 | oklch(0.292 0.009 340.92) | #2f2a2d | hsl(324, 6%, 17%) |
|
|
| 950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.004 337.36) | #e7e4e6 | hsl(320, 6%, 90%) |
|
|
| 100 | oklch(0.840 0.009 341.85) | #cfc8cc | hsl(326, 7%, 80%) |
|
|
| 200 | oklch(0.757 0.012 342.74) | #b6adb2 | hsl(327, 6%, 70%) |
|
|
| 300 | oklch(0.669 0.017 341.61) | #9d9198 | hsl(325, 6%, 59%) |
|
|
| 400 | oklch(0.582 0.022 344.36) | #85767e | hsl(328, 6%, 49%) |
|
|
| 500 | oklch(0.492 0.019 341.88) | #695d64 | hsl(325, 6%, 39%) |
|
|
| 600 | oklch(0.439 0.016 341.05) | #594f55 | hsl(324, 6%, 33%) |
|
|
| 700 | oklch(0.386 0.015 343.25) | #4a4146 | hsl(327, 6%, 27%) |
|
|
| 800 | oklch(0.332 0.010 345.90) | #3a3437 | hsl(330, 5%, 22%) |
|
|
| 900 | oklch(0.275 0.009 340.97) | #2b2629 | hsl(324, 6%, 16%) |
|
|
| 950 | oklch(0.213 0.006 337.83) | #1b181a | hsl(320, 6%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.018 142.82) | #e1ebe0 | hsl(115, 22%, 90%) |
|
|
| 100 | oklch(0.888 0.026 145.35) | #d0dfd0 | hsl(120, 19%, 85%) |
|
|
| 200 | oklch(0.848 0.037 145.24) | #bfd4bf | hsl(120, 20%, 79%) |
|
|
| 300 | oklch(0.808 0.047 145.12) | #aec9ae | hsl(120, 20%, 74%) |
|
|
| 400 | oklch(0.766 0.056 144.19) | #9ebd9d | hsl(118, 20%, 68%) |
|
|
| 500 | oklch(0.726 0.067 144.18) | #8db28c | hsl(118, 20%, 62%) |
|
|
| 600 | oklch(0.648 0.088 144.00) | #6d9d6c | hsl(119, 20%, 52%) |
|
|
| 700 | oklch(0.554 0.079 143.88) | #567f55 | hsl(119, 20%, 42%) |
|
|
| 800 | oklch(0.452 0.063 143.72) | #405f3f | hsl(118, 20%, 31%) |
|
|
| 900 | oklch(0.343 0.045 144.52) | #2a3f2a | hsl(120, 20%, 21%) |
|
|
| 950 | oklch(0.226 0.025 142.40) | #151f14 | hsl(115, 22%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
