Serene Spa Color Palette
A serene and sophisticated blend of soft whites, muted greens, and gentle grays creates a tranquil, modern atmosphere reminiscent of a peaceful spa retreat.
Practical uses and creative applications
The Serene Spa Color Palette is a harmonious blend of soft, calming hues that evoke a sense of tranquility and relaxation. Featuring crisp whites (#ffffff), gentle greens (#a1c1be), earthy browns (#59554e), and muted neutrals (#f3f4e5 and #e2e3d9), this palette is perfect for branding and web design focused on wellness, beauty, and mindfulness.
Ideal for spas, yoga studios, or holistic health brands, these colors work together to create an inviting atmosphere that encourages a peaceful state of mind. Designers and creatives will find the Serene Spa Color Palette to be a versatile choice for various applications, including packaging for skincare products and interior design for calming spaces.
The soothing tones can be used to craft a cohesive look in promotional materials, ensuring that brands convey a message of serenity and self-care. By incorporating these colors, you can enhance user experience and envelop your audience in a soothing visual narrative, making it the perfect choice for anyone looking to create a calming oasis in their work.
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 190.43) | #e0ebea | hsl(175, 22%, 90%) |
|
|
| 100 | oklch(0.902 0.015 191.74) | #d4e2e1 | hsl(176, 19%, 86%) |
|
|
| 200 | oklch(0.874 0.021 189.16) | #c7dad8 | hsl(174, 20%, 82%) |
|
|
| 300 | oklch(0.845 0.026 190.57) | #bad2d0 | hsl(175, 21%, 78%) |
|
|
| 400 | oklch(0.815 0.029 191.13) | #aec9c7 | hsl(176, 20%, 74%) |
|
|
| 500 | oklch(0.786 0.035 189.51) | #a1c1be | hsl(174, 21%, 69%) |
|
|
| 600 | oklch(0.701 0.049 189.26) | #7ca9a5 | hsl(175, 21%, 57%) |
|
|
| 700 | oklch(0.605 0.051 189.16) | #5d8c88 | hsl(175, 20%, 46%) |
|
|
| 800 | oklch(0.489 0.042 187.14) | #446864 | hsl(173, 21%, 34%) |
|
|
| 900 | oklch(0.363 0.029 189.16) | #2c4341 | hsl(175, 21%, 22%) |
|
|
| 950 | oklch(0.228 0.016 189.12) | #141f1e | hsl(175, 22%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.003 84.56) | #e7e6e4 | hsl(40, 6%, 90%) |
|
|
| 100 | oklch(0.837 0.006 75.40) | #ccc9c5 | hsl(34, 6%, 79%) |
|
|
| 200 | oklch(0.749 0.011 81.79) | #b1ada6 | hsl(38, 7%, 67%) |
|
|
| 300 | oklch(0.655 0.016 84.59) | #959086 | hsl(40, 7%, 55%) |
|
|
| 400 | oklch(0.557 0.016 84.59) | #787369 | hsl(40, 7%, 44%) |
|
|
| 500 | oklch(0.451 0.012 81.77) | #59554e | hsl(38, 7%, 33%) |
|
|
| 600 | oklch(0.407 0.011 78.20) | #4d4943 | hsl(36, 7%, 28%) |
|
|
| 700 | oklch(0.361 0.009 80.68) | #403d38 | hsl(38, 7%, 24%) |
|
|
| 800 | oklch(0.317 0.009 88.75) | #34322d | hsl(43, 7%, 19%) |
|
|
| 900 | oklch(0.270 0.006 78.22) | #282623 | hsl(36, 7%, 15%) |
|
|
| 950 | oklch(0.218 0.004 84.59) | #1b1a18 | hsl(40, 6%, 10%) |
|
dsfds
| 50 | oklch(0.948 0.028 111.34) | #eef0db | hsl(66, 41%, 90%) |
|
|
| 100 | oklch(0.951 0.026 111.53) | #eff1dd | hsl(66, 42%, 91%) |
|
|
| 200 | oklch(0.955 0.025 111.75) | #f0f2df | hsl(66, 42%, 91%) |
|
|
| 300 | oklch(0.956 0.022 109.55) | #f1f2e1 | hsl(64, 40%, 92%) |
|
|
| 400 | oklch(0.959 0.021 109.69) | #f2f3e3 | hsl(64, 40%, 92%) |
|
|
| 500 | oklch(0.962 0.020 109.86) | #f3f4e5 | hsl(64, 41%, 93%) |
|
|
| 600 | oklch(0.877 0.065 110.56) | #d8dbaa | hsl(64, 40%, 76%) |
|
|
| 700 | oklch(0.791 0.108 112.17) | #bcc26e | hsl(64, 41%, 60%) |
|
|
| 800 | oklch(0.664 0.113 112.06) | #959a41 | hsl(63, 41%, 43%) |
|
|
| 900 | oklch(0.469 0.077 112.78) | #5b5f28 | hsl(64, 41%, 26%) |
|
|
| 950 | oklch(0.252 0.036 113.43) | #22240f | hsl(66, 41%, 10%) |
|
dsfds
| 50 | oklch(0.932 0.009 106.58) | #e9e9e2 | hsl(60, 14%, 90%) |
|
|
| 100 | oklch(0.928 0.011 112.38) | #e7e8e0 | hsl(68, 15%, 89%) |
|
|
| 200 | oklch(0.925 0.012 111.77) | #e6e7de | hsl(67, 16%, 89%) |
|
|
| 300 | oklch(0.921 0.013 111.29) | #e5e6dc | hsl(66, 17%, 88%) |
|
|
| 400 | oklch(0.916 0.012 111.77) | #e3e4db | hsl(67, 14%, 88%) |
|
|
| 500 | oklch(0.912 0.013 111.29) | #e2e3d9 | hsl(66, 15%, 87%) |
|
|
| 600 | oklch(0.806 0.030 113.38) | #bfc2ac | hsl(68, 15%, 72%) |
|
|
| 700 | oklch(0.694 0.048 111.74) | #9da07e | hsl(65, 15%, 56%) |
|
|
| 800 | oklch(0.561 0.047 112.27) | #757858 | hsl(66, 15%, 41%) |
|
|
| 900 | oklch(0.405 0.032 112.47) | #494b37 | hsl(66, 15%, 25%) |
|
|
| 950 | oklch(0.228 0.013 107.39) | #1d1d16 | hsl(60, 14%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
