Tranquil Sky Color Palette
This serene palette of soft blues and gentle grays evokes a tranquil, dreamy atmosphere reminiscent of a clear sky reflecting on a calm sea.
Practical uses and creative applications
The Tranquil Sky Color Palette features a soothing blend of soft blues and gentle grays, perfect for creating an atmosphere of calm and serenity. With main colors like #8494EB, #86B7EF, and #8BDBF4, this palette evokes the peaceful essence of a clear sky, making it ideal for branding and web design focused on wellness, relaxation, or nature.
Whether you're crafting a website for a yoga studio or designing promotional materials for a spa, these gentle hues help convey a sense of tranquility that resonates with audiences seeking peace and balance. Ideal for designers and creatives, the Tranquil Sky Color Palette can also enhance packaging for products like essential oils, skincare, or eco-friendly goods.
The light and airy tones, including #BDE5F1 and #EFEFEF, not only attract attention but also communicate a message of purity and freshness. Additionally, this color scheme works beautifully in interior design, transforming spaces into serene retreats that promote relaxation.
Use this palette to create inviting atmospheres in homes, offices, or wellness centers, appealing to individuals looking to escape the chaos of everyday life.
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.
| 50 | oklch(0.890 0.043 276.82) | #d3d9f8 | hsl(230, 73%, 90%) |
|
|
| 100 | oklch(0.850 0.059 276.60) | #c3cbf5 | hsl(230, 71%, 86%) |
|
|
| 200 | oklch(0.809 0.077 276.38) | #b3bdf3 | hsl(231, 73%, 83%) |
|
|
| 300 | oklch(0.771 0.093 275.82) | #a4b0f0 | hsl(231, 72%, 79%) |
|
|
| 400 | oklch(0.731 0.111 275.32) | #94a2ee | hsl(231, 73%, 76%) |
|
|
| 500 | oklch(0.691 0.129 274.62) | #8494eb | hsl(231, 72%, 72%) |
|
|
| 600 | oklch(0.559 0.191 271.05) | #4e65e2 | hsl(231, 72%, 60%) |
|
|
| 700 | oklch(0.452 0.224 267.13) | #223dcf | hsl(231, 72%, 47%) |
|
|
| 800 | oklch(0.366 0.175 267.52) | #192d99 | hsl(231, 72%, 35%) |
|
|
| 900 | oklch(0.274 0.122 268.29) | #101d62 | hsl(230, 72%, 22%) |
|
|
| 950 | oklch(0.177 0.063 269.98) | #070d2c | hsl(230, 73%, 10%) |
|
| 50 | oklch(0.912 0.035 252.27) | #d2e4f9 | hsl(212, 76%, 90%) |
|
|
| 100 | oklch(0.883 0.047 252.36) | #c3dbf7 | hsl(212, 76%, 87%) |
|
|
| 200 | oklch(0.853 0.059 252.45) | #b4d2f5 | hsl(212, 76%, 83%) |
|
|
| 300 | oklch(0.824 0.071 251.89) | #a4c9f3 | hsl(212, 77%, 80%) |
|
|
| 400 | oklch(0.795 0.084 252.12) | #95c0f1 | hsl(212, 77%, 76%) |
|
|
| 500 | oklch(0.766 0.096 252.35) | #86b7ef | hsl(212, 77%, 73%) |
|
|
| 600 | oklch(0.661 0.143 253.33) | #4d95e7 | hsl(212, 76%, 60%) |
|
|
| 700 | oklch(0.565 0.173 255.56) | #1d74d8 | hsl(212, 76%, 48%) |
|
|
| 800 | oklch(0.453 0.135 255.42) | #15559f | hsl(212, 77%, 35%) |
|
|
| 900 | oklch(0.337 0.094 254.44) | #0d3766 | hsl(212, 77%, 23%) |
|
|
| 950 | oklch(0.207 0.049 253.50) | #06182d | hsl(212, 76%, 10%) |
|
| 50 | oklch(0.938 0.037 217.98) | #d0f1fb | hsl(194, 84%, 90%) |
|
|
| 100 | oklch(0.918 0.046 219.01) | #c3ecf9 | hsl(194, 82%, 87%) |
|
|
| 200 | oklch(0.901 0.057 218.99) | #b5e8f8 | hsl(194, 83%, 84%) |
|
|
| 300 | oklch(0.884 0.067 219.08) | #a7e4f7 | hsl(194, 83%, 81%) |
|
|
| 400 | oklch(0.865 0.076 219.55) | #99dff5 | hsl(194, 82%, 78%) |
|
|
| 500 | oklch(0.849 0.086 219.78) | #8bdbf4 | hsl(194, 83%, 75%) |
|
|
| 600 | oklch(0.780 0.119 222.26) | #4ec8ee | hsl(194, 82%, 62%) |
|
|
| 700 | oklch(0.716 0.135 227.42) | #16b3e5 | hsl(194, 82%, 49%) |
|
|
| 800 | oklch(0.572 0.106 226.34) | #1084a8 | hsl(194, 83%, 36%) |
|
|
| 900 | oklch(0.416 0.075 225.52) | #0a546b | hsl(194, 83%, 23%) |
|
|
| 950 | oklch(0.246 0.042 222.27) | #04252f | hsl(194, 84%, 10%) |
|
| 50 | oklch(0.933 0.028 218.95) | #d5eef6 | hsl(195, 65%, 90%) |
|
|
| 100 | oklch(0.928 0.032 216.18) | #d0edf5 | hsl(193, 65%, 89%) |
|
|
| 200 | oklch(0.920 0.036 216.56) | #cbebf4 | hsl(193, 65%, 88%) |
|
|
| 300 | oklch(0.913 0.038 217.43) | #c7e9f3 | hsl(194, 65%, 87%) |
|
|
| 400 | oklch(0.905 0.041 217.68) | #c2e7f2 | hsl(194, 65%, 85%) |
|
|
| 500 | oklch(0.897 0.045 217.91) | #bde5f1 | hsl(194, 65%, 84%) |
|
|
| 600 | oklch(0.803 0.084 219.57) | #7ecce4 | hsl(194, 65%, 69%) |
|
|
| 700 | oklch(0.719 0.112 221.28) | #40b4d6 | hsl(194, 65%, 55%) |
|
|
| 800 | oklch(0.587 0.099 222.64) | #2389a7 | hsl(194, 65%, 40%) |
|
|
| 900 | oklch(0.423 0.069 222.24) | #165669 | hsl(194, 65%, 25%) |
|
|
| 950 | oklch(0.237 0.034 222.16) | #09222a | hsl(195, 65%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.928 0.000 89.88) | #e7e7e7 | hsl(0, 0%, 91%) |
|
|
| 200 | oklch(0.934 0.000 89.88) | #e9e9e9 | hsl(0, 0%, 91%) |
|
|
| 300 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 400 | oklch(0.946 0.000 89.88) | #ededed | hsl(0, 0%, 93%) |
|
|
| 500 | oklch(0.952 0.000 89.88) | #efefef | hsl(0, 0%, 94%) |
|
|
| 600 | oklch(0.820 0.000 89.88) | #c4c4c4 | hsl(0, 0%, 77%) |
|
|
| 700 | oklch(0.686 0.000 89.88) | #9a9a9a | hsl(0, 0%, 60%) |
|
|
| 800 | oklch(0.542 0.000 89.88) | #6f6f6f | hsl(0, 0%, 44%) |
|
|
| 900 | oklch(0.387 0.000 89.88) | #444444 | hsl(0, 0%, 27%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
