Serene Sky Color Palette
This serene palette of crisp whites and soft blues evokes a tranquil, dreamy atmosphere, reminiscent of a clear sky reflected on a calm lake, perfect for modern, airy spaces.
Practical uses and creative applications
The Serene Sky Color Palette is a harmonious blend of soft blues and crisp whites, perfect for creating tranquil and inviting spaces. Featuring shades like #FFFFFF, #DEE6FE, #BCCDFE, #9BB3FD, and #799AFC, this palette evokes the calmness of a clear sky, making it ideal for branding projects that seek to convey peace and reliability.
Designers can leverage these colors in web design to enhance user experience, ensuring that interfaces feel soothing and easy to navigate. This color palette is particularly suited for brands in the wellness, beauty, or eco-friendly sectors, as it embodies a serene aesthetic that resonates with mindful consumers.
Whether you're designing packaging for organic skincare products or refreshing an interior space, the Serene Sky Color Palette offers versatility without compromising on style. Creatives will find that these colors work beautifully together to evoke feelings of serenity and clarity, making them an excellent choice for projects that aim to inspire tranquility and trust.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.891 0.051 270.78) | #cedafe | hsl(225, 96%, 90%) |
|
|
| 100 | oklch(0.897 0.048 271.23) | #d1dcfe | hsl(225, 96%, 91%) |
|
|
| 200 | oklch(0.905 0.044 270.01) | #d4dffe | hsl(224, 95%, 91%) |
|
|
| 300 | oklch(0.911 0.041 270.46) | #d7e1fe | hsl(225, 95%, 92%) |
|
|
| 400 | oklch(0.920 0.037 270.47) | #dbe4fe | hsl(225, 95%, 93%) |
|
|
| 500 | oklch(0.926 0.034 271.04) | #dee6fe | hsl(225, 94%, 93%) |
|
|
| 600 | oklch(0.745 0.126 269.18) | #8ca8fc | hsl(225, 95%, 77%) |
|
|
| 700 | oklch(0.575 0.221 265.63) | #3969f9 | hsl(225, 94%, 60%) |
|
|
| 800 | oklch(0.450 0.240 264.00) | #063ad7 | hsl(225, 95%, 43%) |
|
|
| 900 | oklch(0.321 0.163 263.96) | #042484 | hsl(225, 94%, 27%) |
|
|
| 950 | oklch(0.181 0.075 261.88) | #010e32 | hsl(224, 96%, 10%) |
|
dsfds
| 50 | oklch(0.890 0.052 269.65) | #cddafe | hsl(224, 96%, 90%) |
|
|
| 100 | oklch(0.881 0.056 269.67) | #c9d7fe | hsl(224, 96%, 89%) |
|
|
| 200 | oklch(0.875 0.059 269.35) | #c6d5fe | hsl(224, 97%, 89%) |
|
|
| 300 | oklch(0.867 0.063 270.28) | #c3d2fe | hsl(225, 97%, 88%) |
|
|
| 400 | oklch(0.860 0.067 269.08) | #bfd0fe | hsl(224, 97%, 87%) |
|
|
| 500 | oklch(0.852 0.071 269.91) | #bccdfe | hsl(225, 97%, 87%) |
|
|
| 600 | oklch(0.688 0.160 267.48) | #6f94fd | hsl(224, 97%, 71%) |
|
|
| 700 | oklch(0.544 0.247 264.45) | #225afc | hsl(225, 97%, 56%) |
|
|
| 800 | oklch(0.433 0.231 263.78) | #0337cc | hsl(224, 97%, 41%) |
|
|
| 900 | oklch(0.311 0.159 263.62) | #02227f | hsl(225, 97%, 25%) |
|
|
| 950 | oklch(0.181 0.075 261.88) | #010e32 | hsl(224, 96%, 10%) |
|
dsfds
| 50 | oklch(0.888 0.053 271.13) | #cdd9fe | hsl(225, 96%, 90%) |
|
|
| 100 | oklch(0.865 0.064 271.47) | #c3d1fe | hsl(226, 97%, 88%) |
|
|
| 200 | oklch(0.844 0.075 270.62) | #b9cafe | hsl(225, 97%, 86%) |
|
|
| 300 | oklch(0.821 0.086 270.60) | #afc2fd | hsl(225, 95%, 84%) |
|
|
| 400 | oklch(0.800 0.097 269.91) | #a5bbfd | hsl(225, 96%, 82%) |
|
|
| 500 | oklch(0.777 0.110 269.96) | #9bb3fd | hsl(225, 96%, 80%) |
|
|
| 600 | oklch(0.630 0.193 267.14) | #557efc | hsl(225, 97%, 66%) |
|
|
| 700 | oklch(0.511 0.265 264.15) | #0f49fa | hsl(225, 96%, 52%) |
|
|
| 800 | oklch(0.408 0.220 264.02) | #0431be | hsl(225, 96%, 38%) |
|
|
| 900 | oklch(0.298 0.153 263.76) | #021f78 | hsl(225, 97%, 24%) |
|
|
| 950 | oklch(0.178 0.077 262.46) | #010d32 | hsl(225, 96%, 10%) |
|
dsfds
| 50 | oklch(0.888 0.053 271.13) | #cdd9fe | hsl(225, 96%, 90%) |
|
|
| 100 | oklch(0.852 0.071 269.91) | #bccdfe | hsl(225, 97%, 87%) |
|
|
| 200 | oklch(0.814 0.090 269.65) | #abc0fd | hsl(225, 95%, 83%) |
|
|
| 300 | oklch(0.777 0.110 269.96) | #9bb3fd | hsl(225, 96%, 80%) |
|
|
| 400 | oklch(0.741 0.128 268.84) | #8aa7fc | hsl(225, 95%, 76%) |
|
|
| 500 | oklch(0.705 0.148 268.38) | #799afc | hsl(225, 96%, 73%) |
|
|
| 600 | oklch(0.581 0.221 265.51) | #3a6bfb | hsl(225, 96%, 61%) |
|
|
| 700 | oklch(0.484 0.262 263.92) | #0540ef | hsl(225, 96%, 48%) |
|
|
| 800 | oklch(0.389 0.206 263.92) | #042fb0 | hsl(225, 96%, 35%) |
|
|
| 900 | oklch(0.288 0.145 263.93) | #031e71 | hsl(225, 95%, 23%) |
|
|
| 950 | oklch(0.178 0.077 262.46) | #010d32 | hsl(225, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
