Serene Sky Color Palette
This serene palette of tranquil sky blues and soft whites evokes a dreamy, airy atmosphere, reminiscent of a peaceful summer day spent by the sea.
Practical uses and creative applications
The Serene Sky Color Palette features a soothing blend of soft blues and gentle whites that evoke a sense of tranquility and calm. With main colors like #7BB5EF, a vibrant sky blue, and #C4E3FE, a delicate cloud hue, this palette is perfect for branding and web design projects aimed at creating a peaceful online experience.
Ideal for wellness brands, spa services, and lifestyle blogs, the serene tones invite users to linger and explore, making them perfect for websites that focus on health, mindfulness, or relaxation. Interior designers and creatives will find the Serene Sky Color Palette especially appealing when looking to transform a space into a serene sanctuary.
The light and airy shades, including the ethereal #E0EFFB and soft #FCFBF7, offer versatility for various applications, from calming bedrooms to inviting living areas. This palette can also enhance product packaging for eco-friendly goods or artisanal items, appealing to an audience that values serenity and sustainability.
Whether you're a designer, brand strategist, or creative looking to inspire tranquility, the Serene Sky Color Palette is an excellent choice to convey a peaceful, harmonious mood across any medium.
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.916 0.034 246.80) | #d2e6f9 | hsl(209, 76%, 90%) |
|
|
| 100 | oklch(0.883 0.048 247.40) | #c0dcf7 | hsl(209, 77%, 86%) |
|
|
| 200 | oklch(0.850 0.062 248.56) | #afd2f5 | hsl(210, 78%, 82%) |
|
|
| 300 | oklch(0.818 0.076 249.37) | #9ec8f3 | hsl(210, 78%, 79%) |
|
|
| 400 | oklch(0.787 0.090 248.53) | #8cbff1 | hsl(210, 78%, 75%) |
|
|
| 500 | oklch(0.756 0.104 249.34) | #7bb5ef | hsl(210, 78%, 71%) |
|
|
| 600 | oklch(0.660 0.146 251.01) | #4496e8 | hsl(210, 78%, 59%) |
|
|
| 700 | oklch(0.568 0.165 253.40) | #1a77d4 | hsl(210, 78%, 47%) |
|
|
| 800 | oklch(0.458 0.128 252.81) | #13589c | hsl(210, 78%, 34%) |
|
|
| 900 | oklch(0.341 0.090 252.09) | #0c3965 | hsl(210, 79%, 22%) |
|
|
| 950 | oklch(0.213 0.046 249.33) | #061a2d | hsl(209, 76%, 10%) |
|
| 50 | oklch(0.930 0.033 226.31) | #d2edf9 | hsl(198, 76%, 90%) |
|
|
| 100 | oklch(0.911 0.043 227.20) | #c5e8f8 | hsl(199, 78%, 87%) |
|
|
| 200 | oklch(0.892 0.051 227.14) | #b9e3f6 | hsl(199, 77%, 85%) |
|
|
| 300 | oklch(0.874 0.060 228.30) | #addef5 | hsl(199, 78%, 82%) |
|
|
| 400 | oklch(0.856 0.068 228.28) | #a1d9f3 | hsl(199, 77%, 79%) |
|
|
| 500 | oklch(0.838 0.076 229.24) | #95d4f2 | hsl(199, 78%, 77%) |
|
|
| 600 | oklch(0.752 0.115 232.22) | #58bbeb | hsl(200, 79%, 63%) |
|
|
| 700 | oklch(0.678 0.141 236.76) | #1ca3e3 | hsl(199, 78%, 50%) |
|
|
| 800 | oklch(0.540 0.112 236.94) | #1477a7 | hsl(200, 79%, 37%) |
|
|
| 900 | oklch(0.394 0.078 235.48) | #0d4c6a | hsl(199, 78%, 23%) |
|
|
| 950 | oklch(0.234 0.040 230.85) | #06212d | hsl(198, 76%, 10%) |
|
| 50 | oklch(0.916 0.042 244.96) | #cde7fe | hsl(208, 96%, 90%) |
|
|
| 100 | oklch(0.913 0.044 245.12) | #cbe6fe | hsl(208, 96%, 90%) |
|
|
| 200 | oklch(0.911 0.045 243.18) | #c9e6fe | hsl(207, 96%, 89%) |
|
|
| 300 | oklch(0.909 0.046 244.32) | #c8e5fe | hsl(208, 96%, 89%) |
|
|
| 400 | oklch(0.905 0.048 244.49) | #c6e4fe | hsl(208, 97%, 89%) |
|
|
| 500 | oklch(0.902 0.050 244.66) | #c4e3fe | hsl(208, 97%, 88%) |
|
|
| 600 | oklch(0.779 0.116 246.37) | #76befd | hsl(208, 97%, 73%) |
|
|
| 700 | oklch(0.671 0.174 250.05) | #2799fb | hsl(208, 96%, 57%) |
|
|
| 800 | oklch(0.547 0.169 253.37) | #0470cf | hsl(208, 96%, 41%) |
|
|
| 900 | oklch(0.392 0.116 252.08) | #024681 | hsl(208, 97%, 26%) |
|
|
| 950 | oklch(0.217 0.056 247.79) | #011b32 | hsl(208, 96%, 10%) |
|
| 50 | oklch(0.920 0.033 241.08) | #d2e8f9 | hsl(206, 76%, 90%) |
|
|
| 100 | oklch(0.924 0.031 243.71) | #d5e9fa | hsl(208, 79%, 91%) |
|
|
| 200 | oklch(0.930 0.029 240.19) | #d7ebfa | hsl(206, 78%, 91%) |
|
|
| 300 | oklch(0.934 0.027 241.16) | #daecfa | hsl(206, 76%, 92%) |
|
|
| 400 | oklch(0.940 0.025 240.66) | #ddeefb | hsl(206, 79%, 93%) |
|
|
| 500 | oklch(0.945 0.023 241.88) | #e0effb | hsl(207, 77%, 93%) |
|
|
| 600 | oklch(0.812 0.079 243.17) | #95c8f1 | hsl(207, 77%, 76%) |
|
|
| 700 | oklch(0.687 0.134 246.15) | #4aa1e8 | hsl(207, 77%, 60%) |
|
|
| 800 | oklch(0.559 0.142 248.58) | #1978c3 | hsl(206, 77%, 43%) |
|
|
| 900 | oklch(0.398 0.096 247.84) | #104a78 | hsl(207, 76%, 27%) |
|
|
| 950 | oklch(0.219 0.044 244.64) | #061c2d | hsl(206, 76%, 10%) |
|
| 50 | oklch(0.942 0.024 94.07) | #f1ecda | hsl(47, 45%, 90%) |
|
|
| 100 | oklch(0.951 0.020 94.53) | #f3efe0 | hsl(47, 44%, 92%) |
|
|
| 200 | oklch(0.960 0.016 95.23) | #f5f2e6 | hsl(48, 43%, 93%) |
|
|
| 300 | oklch(0.970 0.014 92.98) | #f8f5eb | hsl(46, 48%, 95%) |
|
|
| 400 | oklch(0.979 0.009 93.57) | #faf8f1 | hsl(47, 47%, 96%) |
|
|
| 500 | oklch(0.988 0.005 95.10) | #fcfbf7 | hsl(48, 45%, 98%) |
|
|
| 600 | oklch(0.887 0.049 94.30) | #e4dab6 | hsl(47, 46%, 80%) |
|
|
| 700 | oklch(0.788 0.091 95.96) | #cbba75 | hsl(48, 45%, 63%) |
|
|
| 800 | oklch(0.662 0.106 95.14) | #a7923f | hsl(48, 45%, 45%) |
|
|
| 900 | oklch(0.465 0.072 95.15) | #665926 | hsl(48, 46%, 27%) |
|
|
| 950 | oklch(0.244 0.031 94.31) | #25200e | hsl(47, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
