Tranquil Color Palette
This palette exudes a tranquil yet sophisticated vibe, blending deep slate gray with cool teal and refreshing aquamarine, accented by soft mint and gentle gray to create a serene, modern oasis.
Practical uses and creative applications
The Tranquil Color Palette is a harmonious blend of muted tones and refreshing shades, featuring colors like #484450, #466067, #459a96, #34baab, and #c4c8c5. This palette is ideal for designers and creatives aiming to evoke a sense of calm and serenity in their projects.
Perfect for branding, web design, and interior decor, the tranquil hues create a soothing atmosphere that resonates well with wellness brands, eco-friendly companies, and lifestyle blogs seeking to promote relaxation and mindfulness. In web design, the Tranquil Color Palette can enhance user experience by fostering a peaceful online environment, making it an excellent choice for meditation apps, spas, or holistic health websites.
For packaging, these colors can attract consumers looking for products that emphasize sustainability and tranquility, such as organic teas or skincare lines. Furthermore, in interior design, using this palette can transform spaces into serene retreats, suitable for homes or wellness centers.
Embrace the calming influence of the Tranquil Color Palette and watch as it elevates your creative projects to new heights.
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.919 0.007 304.24) | #e5e3e8 | hsl(264, 10%, 90%) |
|
|
| 100 | oklch(0.819 0.013 301.24) | #c5c2cb | hsl(260, 8%, 78%) |
|
|
| 200 | oklch(0.714 0.021 302.07) | #a5a0ae | hsl(261, 8%, 65%) |
|
|
| 300 | oklch(0.608 0.029 299.94) | #857f92 | hsl(259, 8%, 54%) |
|
|
| 400 | oklch(0.503 0.027 298.86) | #666172 | hsl(258, 8%, 41%) |
|
|
| 500 | oklch(0.395 0.021 300.65) | #484450 | hsl(260, 8%, 29%) |
|
|
| 600 | oklch(0.361 0.019 301.97) | #3f3b46 | hsl(262, 9%, 25%) |
|
|
| 700 | oklch(0.324 0.016 300.68) | #35323b | hsl(260, 8%, 21%) |
|
|
| 800 | oklch(0.287 0.015 302.50) | #2c2931 | hsl(263, 9%, 18%) |
|
|
| 900 | oklch(0.248 0.012 300.74) | #222026 | hsl(260, 9%, 14%) |
|
|
| 950 | oklch(0.209 0.010 303.65) | #19171c | hsl(264, 10%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.008 216.63) | #e1e8ea | hsl(193, 18%, 90%) |
|
|
| 100 | oklch(0.844 0.018 214.39) | #bfcfd3 | hsl(192, 19%, 79%) |
|
|
| 200 | oklch(0.757 0.028 217.23) | #9db5bc | hsl(194, 19%, 68%) |
|
|
| 300 | oklch(0.670 0.040 215.70) | #7a9ca5 | hsl(193, 19%, 56%) |
|
|
| 400 | oklch(0.577 0.042 215.37) | #5d8089 | hsl(192, 19%, 45%) |
|
|
| 500 | oklch(0.471 0.033 216.16) | #466067 | hsl(193, 19%, 34%) |
|
|
| 600 | oklch(0.423 0.029 216.37) | #3c5258 | hsl(193, 19%, 29%) |
|
|
| 700 | oklch(0.376 0.025 215.71) | #32454a | hsl(193, 19%, 24%) |
|
|
| 800 | oklch(0.325 0.021 215.90) | #28373b | hsl(193, 19%, 19%) |
|
|
| 900 | oklch(0.276 0.016 216.23) | #1f2a2d | hsl(193, 18%, 15%) |
|
|
| 950 | oklch(0.220 0.011 216.98) | #151c1e | hsl(193, 18%, 10%) |
|
dsfds
| 50 | oklch(0.938 0.020 192.99) | #dcefee | hsl(177, 37%, 90%) |
|
|
| 100 | oklch(0.882 0.040 192.52) | #bbe1df | hsl(177, 39%, 81%) |
|
|
| 200 | oklch(0.825 0.057 191.89) | #9bd2cf | hsl(177, 38%, 72%) |
|
|
| 300 | oklch(0.769 0.073 192.40) | #7ac3c0 | hsl(178, 38%, 62%) |
|
|
| 400 | oklch(0.716 0.088 191.59) | #59b5b1 | hsl(177, 38%, 53%) |
|
|
| 500 | oklch(0.633 0.082 191.11) | #459a96 | hsl(177, 38%, 44%) |
|
|
| 600 | oklch(0.560 0.072 191.61) | #3a827f | hsl(178, 38%, 37%) |
|
|
| 700 | oklch(0.485 0.061 192.32) | #306a68 | hsl(178, 38%, 30%) |
|
|
| 800 | oklch(0.409 0.051 191.58) | #255351 | hsl(177, 38%, 24%) |
|
|
| 900 | oklch(0.327 0.039 190.23) | #1a3b39 | hsl(176, 39%, 17%) |
|
|
| 950 | oklch(0.240 0.025 191.26) | #102322 | hsl(177, 37%, 10%) |
|
dsfds
| 50 | oklch(0.945 0.030 189.08) | #d7f4f1 | hsl(174, 57%, 90%) |
|
|
| 100 | oklch(0.899 0.055 187.66) | #b5eae4 | hsl(173, 56%, 81%) |
|
|
| 200 | oklch(0.856 0.079 186.73) | #92e1d8 | hsl(173, 57%, 73%) |
|
|
| 300 | oklch(0.814 0.098 185.57) | #70d7cb | hsl(173, 56%, 64%) |
|
|
| 400 | oklch(0.774 0.114 185.02) | #4dcdbf | hsl(173, 56%, 55%) |
|
|
| 500 | oklch(0.715 0.114 183.98) | #34baab | hsl(173, 56%, 47%) |
|
|
| 600 | oklch(0.631 0.100 183.78) | #2c9d90 | hsl(173, 56%, 39%) |
|
|
| 700 | oklch(0.544 0.086 183.49) | #248075 | hsl(173, 56%, 32%) |
|
|
| 800 | oklch(0.451 0.070 184.26) | #1b625a | hsl(173, 57%, 25%) |
|
|
| 900 | oklch(0.356 0.053 185.71) | #134540 | hsl(174, 57%, 17%) |
|
|
| 950 | oklch(0.254 0.035 185.95) | #0b2825 | hsl(174, 57%, 10%) |
|
dsfds
| 50 | oklch(0.924 0.002 145.56) | #e5e6e5 | hsl(120, 2%, 90%) |
|
|
| 100 | oklch(0.905 0.003 165.07) | #dee0df | hsl(150, 3%, 87%) |
|
|
| 200 | oklch(0.886 0.003 145.55) | #d8dad8 | hsl(120, 3%, 85%) |
|
|
| 300 | oklch(0.867 0.004 157.17) | #d1d4d2 | hsl(140, 3%, 83%) |
|
|
| 400 | oklch(0.848 0.005 145.53) | #cbcecb | hsl(120, 3%, 80%) |
|
|
| 500 | oklch(0.829 0.006 153.75) | #c4c8c5 | hsl(135, 4%, 78%) |
|
|
| 600 | oklch(0.721 0.011 155.01) | #a0a7a2 | hsl(137, 4%, 64%) |
|
|
| 700 | oklch(0.608 0.013 153.51) | #7d857f | hsl(135, 3%, 51%) |
|
|
| 800 | oklch(0.488 0.012 154.84) | #5b625d | hsl(137, 4%, 37%) |
|
|
| 900 | oklch(0.359 0.007 153.52) | #3a3e3b | hsl(135, 3%, 24%) |
|
|
| 950 | oklch(0.216 0.002 145.49) | #191a19 | hsl(120, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
