Serene Color Palette
This serene palette blends soft blush, gentle peach, tranquil teal, muted olive, and warm rose, evoking a cozy, dreamy atmosphere perfect for a chic, modern retreat.
Practical uses and creative applications
The Serene Color Palette features a harmonious blend of muted tones, including soft pinks, gentle blues, and earthy neutrals that evoke a sense of calm and tranquility. The primary colors#bda0a2, #ffe6db, #d1eaee, #cbc8b5, and #efb0a9create a soothing atmosphere, making this palette ideal for branding and web design aimed at wellness brands, spas, or lifestyle blogs.
Designers can leverage these colors to communicate a message of serenity and balance, perfect for attracting an audience seeking relaxation and mindfulness. In addition to digital applications, the Serene Color Palette shines in packaging design for organic products or boutique items.
Its gentle hues can enhance the emotional appeal of products such as skincare lines, home decor, and artisanal goods, inviting consumers to feel a connection with the brand. Interior designers can also utilize this palette to create tranquil living spaces, from bedrooms to meditation areas, allowing clients to unwind in a beautifully curated environment.
Overall, this palette caters to creatives across various industries who wish to evoke a peaceful and inviting mood in their projects.
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.917 0.010 9.55) | #eae1e2 | hsl(353, 18%, 90%) |
|
|
| 100 | oklch(0.881 0.014 12.05) | #e1d4d5 | hsl(355, 18%, 86%) |
|
|
| 200 | oklch(0.844 0.019 13.45) | #d8c7c8 | hsl(356, 18%, 81%) |
|
|
| 300 | oklch(0.807 0.024 14.37) | #cfbabb | hsl(357, 18%, 77%) |
|
|
| 400 | oklch(0.770 0.029 12.31) | #c6adaf | hsl(355, 18%, 73%) |
|
|
| 500 | oklch(0.732 0.034 13.26) | #bda0a2 | hsl(356, 18%, 68%) |
|
|
| 600 | oklch(0.629 0.050 13.57) | #a57d80 | hsl(356, 18%, 57%) |
|
|
| 700 | oklch(0.527 0.055 14.40) | #885e61 | hsl(356, 18%, 45%) |
|
|
| 800 | oklch(0.428 0.041 14.53) | #644648 | hsl(356, 18%, 33%) |
|
|
| 900 | oklch(0.321 0.030 12.22) | #412d2f | hsl(354, 18%, 22%) |
|
|
| 950 | oklch(0.208 0.015 10.97) | #1e1516 | hsl(353, 18%, 10%) |
|
dsfds
| 50 | oklch(0.919 0.045 46.05) | #ffdccc | hsl(19, 100%, 90%) |
|
|
| 100 | oklch(0.924 0.042 45.94) | #ffdecf | hsl(19, 100%, 91%) |
|
|
| 200 | oklch(0.929 0.039 45.82) | #ffe0d2 | hsl(19, 100%, 91%) |
|
|
| 300 | oklch(0.933 0.037 45.67) | #ffe2d5 | hsl(19, 100%, 92%) |
|
|
| 400 | oklch(0.938 0.034 45.49) | #ffe4d8 | hsl(18, 100%, 92%) |
|
|
| 500 | oklch(0.942 0.031 45.28) | #ffe6db | hsl(18, 100%, 93%) |
|
|
| 600 | oklch(0.815 0.111 44.51) | #ffab86 | hsl(18, 100%, 76%) |
|
|
| 700 | oklch(0.712 0.188 41.97) | #ff7132 | hsl(18, 100%, 60%) |
|
|
| 800 | oklch(0.599 0.199 37.44) | #dc4300 | hsl(18, 100%, 43%) |
|
|
| 900 | oklch(0.423 0.136 38.72) | #882900 | hsl(18, 100%, 27%) |
|
|
| 950 | oklch(0.227 0.064 46.18) | #331000 | hsl(19, 100%, 10%) |
|
dsfds
| 50 | oklch(0.935 0.022 207.58) | #daeef1 | hsl(188, 45%, 90%) |
|
|
| 100 | oklch(0.932 0.023 210.40) | #d8edf1 | hsl(190, 47%, 90%) |
|
|
| 200 | oklch(0.928 0.024 209.80) | #d6ecf0 | hsl(189, 46%, 89%) |
|
|
| 300 | oklch(0.927 0.025 206.19) | #d5ecef | hsl(187, 45%, 89%) |
|
|
| 400 | oklch(0.924 0.026 208.75) | #d3ebef | hsl(189, 47%, 88%) |
|
|
| 500 | oklch(0.920 0.027 208.28) | #d1eaee | hsl(188, 46%, 88%) |
|
|
| 600 | oklch(0.822 0.060 208.23) | #97d0d9 | hsl(188, 46%, 72%) |
|
|
| 700 | oklch(0.724 0.087 209.00) | #5db5c3 | hsl(188, 46%, 56%) |
|
|
| 800 | oklch(0.595 0.081 209.34) | #398c99 | hsl(188, 46%, 41%) |
|
|
| 900 | oklch(0.425 0.056 208.93) | #23575f | hsl(188, 46%, 25%) |
|
|
| 950 | oklch(0.237 0.026 208.08) | #0e2225 | hsl(188, 45%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.011 100.83) | #eae9e1 | hsl(53, 18%, 90%) |
|
|
| 100 | oklch(0.912 0.014 97.45) | #e4e2d8 | hsl(50, 18%, 87%) |
|
|
| 200 | oklch(0.892 0.018 99.63) | #dedccf | hsl(52, 19%, 84%) |
|
|
| 300 | oklch(0.871 0.019 100.16) | #d7d5c7 | hsl(53, 17%, 81%) |
|
|
| 400 | oklch(0.851 0.023 101.40) | #d1cfbe | hsl(54, 17%, 78%) |
|
|
| 500 | oklch(0.830 0.026 99.60) | #cbc8b5 | hsl(52, 17%, 75%) |
|
|
| 600 | oklch(0.738 0.041 99.20) | #b0ab8e | hsl(51, 18%, 62%) |
|
|
| 700 | oklch(0.639 0.053 99.96) | #938d68 | hsl(52, 17%, 49%) |
|
|
| 800 | oklch(0.513 0.042 100.89) | #6c684c | hsl(53, 17%, 36%) |
|
|
| 900 | oklch(0.377 0.028 99.20) | #454231 | hsl(51, 17%, 23%) |
|
|
| 950 | oklch(0.229 0.015 101.56) | #1e1d15 | hsl(53, 18%, 10%) |
|
dsfds
| 50 | oklch(0.907 0.035 26.54) | #f7d8d4 | hsl(7, 69%, 90%) |
|
|
| 100 | oklch(0.888 0.042 27.03) | #f5d0cb | hsl(7, 68%, 88%) |
|
|
| 200 | oklch(0.870 0.051 25.74) | #f4c8c3 | hsl(6, 69%, 86%) |
|
|
| 300 | oklch(0.850 0.058 26.27) | #f2c0ba | hsl(6, 68%, 84%) |
|
|
| 400 | oklch(0.833 0.067 25.47) | #f1b8b2 | hsl(6, 69%, 82%) |
|
|
| 500 | oklch(0.814 0.075 26.00) | #efb0a9 | hsl(6, 69%, 80%) |
|
|
| 600 | oklch(0.694 0.135 27.70) | #e4796d | hsl(6, 69%, 66%) |
|
|
| 700 | oklch(0.595 0.191 29.79) | #d94131 | hsl(6, 69%, 52%) |
|
|
| 800 | oklch(0.478 0.158 30.38) | #a32c1e | hsl(6, 69%, 38%) |
|
|
| 900 | oklch(0.348 0.109 30.23) | #671c13 | hsl(6, 69%, 24%) |
|
|
| 950 | oklch(0.206 0.053 29.91) | #2b0c08 | hsl(7, 69%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
