Tranquil Elegance Color Palette
This palette exudes a tranquil yet moody elegance, blending soft aqua and muted blues with deep, rich purples for a serene yet sophisticated atmosphere.
Practical uses and creative applications
The Tranquil Elegance Color Palette effortlessly combines soothing hues that evoke a sense of calm and sophistication. Featuring soft shades like #c5f7f0 and #a9c2c9, this palette is ideal for branding and web design projects that aim to create a serene user experience.
Whether you're designing a wellness brand, a lifestyle blog, or a boutique e-commerce site, these colors can enhance your visual identity while communicating a message of tranquility and grace. This palette is also an excellent choice for packaging design, particularly for products related to beauty, wellness, or home decor.
The deeper tones, such as #72577c and #562155, add a touch of elegance, making it perfect for sophisticated brands targeting discerning customers. Interior designers will find the Tranquil Elegance palette equally appealing, as it can transform spaces into peaceful retreats, suitable for both residential and commercial environments.
Overall, this color palette is tailored for designers and creatives seeking to evoke a mood of refined calmness. By incorporating the Tranquil Elegance Color Palette into your projects, you'll capture attention while fostering a sense of peace and sophistication that resonates with your audience.
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.953 0.041 185.20) | #d2f9f3 | hsl(171, 76%, 90%) |
|
|
| 100 | oklch(0.950 0.042 187.24) | #d0f8f3 | hsl(173, 74%, 89%) |
|
|
| 200 | oklch(0.947 0.045 186.10) | #cdf8f2 | hsl(172, 75%, 89%) |
|
|
| 300 | oklch(0.945 0.048 185.10) | #caf8f1 | hsl(171, 77%, 88%) |
|
|
| 400 | oklch(0.942 0.049 186.84) | #c8f7f1 | hsl(172, 75%, 88%) |
|
|
| 500 | oklch(0.940 0.052 185.85) | #c5f7f0 | hsl(172, 76%, 87%) |
|
|
| 600 | oklch(0.877 0.104 183.99) | #80edde | hsl(172, 75%, 72%) |
|
|
| 700 | oklch(0.830 0.138 180.85) | #3be4cc | hsl(171, 76%, 56%) |
|
|
| 800 | oklch(0.700 0.123 179.78) | #19b7a1 | hsl(172, 76%, 41%) |
|
|
| 900 | oklch(0.497 0.086 179.91) | #107264 | hsl(171, 75%, 25%) |
|
|
| 950 | oklch(0.269 0.044 180.31) | #062d27 | hsl(171, 76%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.010 212.52) | #e0e9eb | hsl(191, 22%, 90%) |
|
|
| 100 | oklch(0.902 0.014 214.36) | #d5e1e4 | hsl(192, 22%, 86%) |
|
|
| 200 | oklch(0.875 0.018 219.67) | #cad9de | hsl(195, 23%, 83%) |
|
|
| 300 | oklch(0.851 0.022 215.28) | #bfd2d7 | hsl(193, 23%, 80%) |
|
|
| 400 | oklch(0.824 0.025 215.94) | #b4cad0 | hsl(193, 23%, 76%) |
|
|
| 500 | oklch(0.797 0.029 216.46) | #a9c2c9 | hsl(193, 23%, 73%) |
|
|
| 600 | oklch(0.702 0.042 216.58) | #82a6b0 | hsl(193, 23%, 60%) |
|
|
| 700 | oklch(0.603 0.051 216.69) | #5d8995 | hsl(193, 23%, 47%) |
|
|
| 800 | oklch(0.486 0.040 217.20) | #45656e | hsl(193, 23%, 35%) |
|
|
| 900 | oklch(0.360 0.028 217.43) | #2c4147 | hsl(193, 23%, 23%) |
|
|
| 950 | oklch(0.223 0.014 212.79) | #141d1f | hsl(191, 22%, 10%) |
|
dsfds
| 50 | oklch(0.917 0.007 286.27) | #e3e3e8 | hsl(240, 10%, 90%) |
|
|
| 100 | oklch(0.864 0.012 291.25) | #d2d1da | hsl(247, 11%, 84%) |
|
|
| 200 | oklch(0.813 0.018 289.53) | #c1c0cd | hsl(245, 12%, 78%) |
|
|
| 300 | oklch(0.760 0.023 288.72) | #b0afbf | hsl(244, 11%, 72%) |
|
|
| 400 | oklch(0.704 0.029 290.23) | #9f9db1 | hsl(246, 11%, 65%) |
|
|
| 500 | oklch(0.650 0.034 289.40) | #8e8ca3 | hsl(245, 11%, 59%) |
|
|
| 600 | oklch(0.558 0.043 289.84) | #73708c | hsl(246, 11%, 49%) |
|
|
| 700 | oklch(0.478 0.035 289.16) | #5c5a70 | hsl(245, 11%, 40%) |
|
|
| 800 | oklch(0.392 0.029 290.41) | #454354 | hsl(247, 11%, 30%) |
|
|
| 900 | oklch(0.303 0.020 289.33) | #2e2d38 | hsl(245, 11%, 20%) |
|
|
| 950 | oklch(0.207 0.010 285.51) | #17171c | hsl(240, 10%, 10%) |
|
dsfds
| 50 | oklch(0.918 0.014 318.70) | #e8e1ea | hsl(287, 18%, 90%) |
|
|
| 100 | oklch(0.836 0.028 316.71) | #d1c4d6 | hsl(283, 18%, 80%) |
|
|
| 200 | oklch(0.753 0.042 316.97) | #baa7c1 | hsl(284, 17%, 71%) |
|
|
| 300 | oklch(0.668 0.058 316.26) | #a38aad | hsl(283, 18%, 61%) |
|
|
| 400 | oklch(0.579 0.076 316.64) | #8c6c98 | hsl(284, 18%, 51%) |
|
|
| 500 | oklch(0.498 0.066 316.73) | #72577c | hsl(284, 18%, 41%) |
|
|
| 600 | oklch(0.445 0.057 317.22) | #614a69 | hsl(285, 17%, 35%) |
|
|
| 700 | oklch(0.389 0.047 316.38) | #4f3d56 | hsl(283, 17%, 29%) |
|
|
| 800 | oklch(0.331 0.041 316.14) | #3e2f44 | hsl(283, 18%, 23%) |
|
|
| 900 | oklch(0.271 0.031 316.92) | #2d2231 | hsl(284, 18%, 16%) |
|
|
| 950 | oklch(0.208 0.020 318.64) | #1c151e | hsl(287, 18%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.038 327.21) | #f1daf0 | hsl(303, 45%, 90%) |
|
|
| 100 | oklch(0.800 0.092 327.01) | #dea9dd | hsl(301, 45%, 77%) |
|
|
| 200 | oklch(0.690 0.147 327.45) | #cb78ca | hsl(301, 44%, 63%) |
|
|
| 300 | oklch(0.591 0.195 328.41) | #b847b6 | hsl(301, 44%, 50%) |
|
|
| 400 | oklch(0.473 0.153 328.14) | #873486 | hsl(301, 44%, 37%) |
|
|
| 500 | oklch(0.347 0.106 328.30) | #562155 | hsl(301, 45%, 23%) |
|
|
| 600 | oklch(0.320 0.096 328.36) | #4c1d4b | hsl(301, 45%, 21%) |
|
|
| 700 | oklch(0.293 0.087 327.52) | #421942 | hsl(300, 45%, 18%) |
|
|
| 800 | oklch(0.268 0.076 328.52) | #391638 | hsl(302, 44%, 15%) |
|
|
| 900 | oklch(0.239 0.065 328.67) | #2f122e | hsl(302, 45%, 13%) |
|
|
| 950 | oklch(0.210 0.053 328.89) | #250e24 | hsl(303, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
