Tranquil Chic Color Palette
This palette weaves together deep plum, muted slate, soft teal, fresh mint, and airy pastel yellow, creating a tranquil yet sophisticated vibe that feels both serene and uplifting, perfect for a chic and modern retreat.
Practical uses and creative applications
The Tranquil Chic Color Palette is a harmonious blend of deep purples, soft greens, and soothing neutrals that evokes a sense of calm sophistication. Featuring rich hues like #512b52 and #635274, paired with refreshing tones such as #7bb0a8 and #a7dbab, this palette is perfect for brands aiming to convey a serene yet stylish vibe.
Ideal for web design, this color scheme can enhance user experience by instilling a feeling of relaxation, making it suitable for wellness brands, spas, or any creative venture focused on mindfulness and tranquility. This palette is particularly well-suited for designers and creatives looking to create impactful branding or packaging that stands out in a crowded market.
The light, airy tones of #e4f5b1 offer an inviting touch, making it a great choice for interior design as well. Whether you're designing a calming website for a yoga studio or packaging for organic skincare products, the Tranquil Chic Color Palette helps cultivate a serene atmosphere that resonates with your audience, inviting them to embrace a more peaceful lifestyle.
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.026 325.78) | #eddeed | hsl(300, 29%, 90%) |
|
|
| 100 | oklch(0.806 0.064 326.15) | #d6b2d6 | hsl(300, 31%, 77%) |
|
|
| 200 | oklch(0.695 0.103 326.03) | #be86bf | hsl(299, 31%, 64%) |
|
|
| 300 | oklch(0.587 0.144 326.29) | #a75aa9 | hsl(298, 31%, 51%) |
|
|
| 400 | oklch(0.473 0.115 325.98) | #7c427e | hsl(298, 31%, 38%) |
|
|
| 500 | oklch(0.354 0.081 326.19) | #512b52 | hsl(298, 31%, 25%) |
|
|
| 600 | oklch(0.326 0.072 326.02) | #472648 | hsl(298, 31%, 22%) |
|
|
| 700 | oklch(0.299 0.065 325.86) | #3e213f | hsl(298, 31%, 19%) |
|
|
| 800 | oklch(0.270 0.056 325.56) | #341c35 | hsl(298, 31%, 16%) |
|
|
| 900 | oklch(0.241 0.047 326.91) | #2b172b | hsl(300, 30%, 13%) |
|
|
| 950 | oklch(0.210 0.037 326.78) | #211221 | hsl(300, 29%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.013 310.52) | #e6e1ea | hsl(273, 18%, 90%) |
|
|
| 100 | oklch(0.829 0.025 306.91) | #cbc3d4 | hsl(268, 17%, 80%) |
|
|
| 200 | oklch(0.738 0.041 307.07) | #b1a4bf | hsl(269, 17%, 70%) |
|
|
| 300 | oklch(0.645 0.057 307.49) | #9785a9 | hsl(270, 17%, 59%) |
|
|
| 400 | oklch(0.554 0.070 306.53) | #7d6893 | hsl(269, 17%, 49%) |
|
|
| 500 | oklch(0.469 0.058 307.09) | #635274 | hsl(270, 17%, 39%) |
|
|
| 600 | oklch(0.420 0.050 306.35) | #544663 | hsl(269, 17%, 33%) |
|
|
| 700 | oklch(0.371 0.043 307.16) | #463a52 | hsl(270, 17%, 27%) |
|
|
| 800 | oklch(0.316 0.036 308.35) | #372d40 | hsl(272, 17%, 21%) |
|
|
| 900 | oklch(0.262 0.027 307.29) | #28212f | hsl(270, 18%, 16%) |
|
|
| 950 | oklch(0.206 0.019 309.81) | #1a151e | hsl(273, 18%, 10%) |
|
dsfds
| 50 | oklch(0.933 0.014 185.94) | #dfecea | hsl(171, 25%, 90%) |
|
|
| 100 | oklch(0.890 0.023 186.44) | #cbe0dd | hsl(171, 25%, 84%) |
|
|
| 200 | oklch(0.847 0.031 186.49) | #b7d4d0 | hsl(172, 25%, 77%) |
|
|
| 300 | oklch(0.804 0.040 184.40) | #a3c8c2 | hsl(170, 25%, 71%) |
|
|
| 400 | oklch(0.761 0.049 184.47) | #8fbcb5 | hsl(171, 25%, 65%) |
|
|
| 500 | oklch(0.718 0.057 184.33) | #7bb0a8 | hsl(171, 25%, 59%) |
|
|
| 600 | oklch(0.648 0.067 184.15) | #5d9c93 | hsl(171, 25%, 49%) |
|
|
| 700 | oklch(0.552 0.056 182.93) | #4b7d75 | hsl(170, 25%, 39%) |
|
|
| 800 | oklch(0.452 0.045 183.16) | #385e58 | hsl(171, 25%, 29%) |
|
|
| 900 | oklch(0.346 0.032 183.25) | #263f3b | hsl(170, 25%, 20%) |
|
|
| 950 | oklch(0.231 0.019 184.09) | #13201e | hsl(171, 25%, 10%) |
|
dsfds
| 50 | oklch(0.934 0.035 146.62) | #dbf0dc | hsl(123, 41%, 90%) |
|
|
| 100 | oklch(0.916 0.045 148.25) | #d0ecd3 | hsl(126, 42%, 87%) |
|
|
| 200 | oklch(0.898 0.055 147.54) | #c6e8c9 | hsl(125, 43%, 84%) |
|
|
| 300 | oklch(0.878 0.064 147.08) | #bce3bf | hsl(125, 41%, 81%) |
|
|
| 400 | oklch(0.860 0.075 147.20) | #b1dfb5 | hsl(125, 42%, 78%) |
|
|
| 500 | oklch(0.843 0.085 146.76) | #a7dbab | hsl(125, 42%, 76%) |
|
|
| 600 | oklch(0.762 0.132 146.09) | #77c87e | hsl(125, 42%, 63%) |
|
|
| 700 | oklch(0.683 0.168 144.76) | #49b351 | hsl(125, 42%, 49%) |
|
|
| 800 | oklch(0.544 0.130 144.92) | #36833c | hsl(125, 42%, 36%) |
|
|
| 900 | oklch(0.399 0.092 145.10) | #225426 | hsl(125, 42%, 23%) |
|
|
| 950 | oklch(0.236 0.046 144.92) | #0f2410 | hsl(123, 41%, 10%) |
|
dsfds
| 50 | oklch(0.965 0.052 119.07) | #eff9d2 | hsl(75, 76%, 90%) |
|
|
| 100 | oklch(0.960 0.060 118.69) | #edf8cb | hsl(75, 76%, 88%) |
|
|
| 200 | oklch(0.957 0.068 119.31) | #ebf8c5 | hsl(75, 78%, 87%) |
|
|
| 300 | oklch(0.952 0.075 119.06) | #e9f7be | hsl(75, 78%, 86%) |
|
|
| 400 | oklch(0.946 0.082 119.74) | #e6f6b8 | hsl(75, 78%, 84%) |
|
|
| 500 | oklch(0.941 0.089 119.55) | #e4f5b1 | hsl(75, 77%, 83%) |
|
|
| 600 | oklch(0.897 0.157 121.47) | #cded6f | hsl(75, 78%, 68%) |
|
|
| 700 | oklch(0.856 0.200 123.65) | #b6e42d | hsl(75, 77%, 54%) |
|
|
| 800 | oklch(0.706 0.170 124.29) | #8ab117 | hsl(75, 77%, 39%) |
|
|
| 900 | oklch(0.504 0.119 123.67) | #576f0e | hsl(75, 78%, 25%) |
|
|
| 950 | oklch(0.278 0.061 122.86) | #232d06 | hsl(75, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
