Serene Sky Color Palette

This palette radiates a fresh, serene vibe with crisp whites and soft sky blues, anchored by deep navy tones that evoke a modern, sophisticated elegance.

cold sky technology
#FFFFFF
#EEF8FD
#007BFF
#012C9B
#000639

Practical uses and creative applications

The Serene Sky Color Palette is a harmonious blend that embodies tranquility and sophistication, making it an ideal choice for designers and creatives looking to evoke a sense of calm and clarity. Featuring soft whites (#FFFFFF) and ethereal blues (#EEF8FD, #007BFF), this palette can beautifully enhance branding efforts, web design, and packaging projects.

The deeper shades, such as #012C9B and #000639, provide a striking contrast that adds depth and richness, perfect for creating visual interest in interior spaces or marketing materials. This versatile color palette is particularly well-suited for wellness brands, tech companies, and any creative endeavor that aims to promote a soothing atmosphere.

Whether you're designing a serene spa website, crafting elegant packaging for a skincare line, or refreshing the interiors of a modern office, the Serene Sky Color Palette will effortlessly convey a message of peace and professionalism. By integrating these colors into your projects, you can engage your audience and foster a sense of connection that resonates deeply.

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.928 0.034 230.23) #d1ecfa hsl(200, 80%, 90%)
100 oklch(0.938 0.029 227.01) #d7effa hsl(199, 78%, 91%)
200 oklch(0.946 0.025 229.12) #ddf1fb hsl(200, 79%, 93%)
300 oklch(0.955 0.021 232.13) #e3f3fc hsl(202, 81%, 94%)
400 oklch(0.964 0.017 225.19) #e8f6fc hsl(198, 77%, 95%)
500 oklch(0.973 0.013 228.92) #eef8fd hsl(200, 79%, 96%)
600 oklch(0.853 0.070 229.78) #9fd8f4 hsl(200, 79%, 79%)
700 oklch(0.740 0.119 233.43) #51b7ea hsl(200, 78%, 62%)
800 oklch(0.618 0.132 238.30) #188fcb hsl(200, 79%, 45%)
900 oklch(0.437 0.089 236.76) #0f587c hsl(200, 78%, 27%)
950 oklch(0.231 0.042 234.97) #05202e hsl(200, 80%, 10%)

dsfds

50 oklch(0.912 0.045 249.36) #cce5ff hsl(211, 100%, 90%)
100 oklch(0.840 0.082 251.00) #a3cfff hsl(211, 100%, 82%)
200 oklch(0.773 0.119 251.31) #7abaff hsl(211, 100%, 74%)
300 oklch(0.711 0.155 252.45) #52a5ff hsl(211, 100%, 66%)
400 oklch(0.654 0.188 254.22) #2990ff hsl(211, 100%, 58%)
500 oklch(0.605 0.217 257.21) #007bff hsl(211, 100%, 50%)
600 oklch(0.532 0.189 256.99) #0067d6 hsl(211, 100%, 42%)
700 oklch(0.458 0.158 256.34) #0054ad hsl(211, 100%, 34%)
800 oklch(0.380 0.129 255.92) #004085 hsl(211, 100%, 26%)
900 oklch(0.297 0.097 254.82) #002c5c hsl(211, 100%, 18%)
950 oklch(0.211 0.061 250.69) #001933 hsl(211, 100%, 10%)

dsfds

50 oklch(0.890 0.053 268.94) #ccdaff hsl(224, 100%, 90%)
100 oklch(0.762 0.119 267.21) #90affe hsl(223, 98%, 78%)
200 oklch(0.640 0.190 265.59) #5483fe hsl(223, 99%, 66%)
300 oklch(0.540 0.253 263.71) #1858fe hsl(223, 99%, 55%)
400 oklch(0.454 0.238 263.45) #013dd7 hsl(223, 99%, 42%)
500 oklch(0.360 0.184 263.27) #012c9b hsl(223, 99%, 31%)
600 oklch(0.326 0.164 263.17) #012686 hsl(223, 99%, 26%)
700 oklch(0.291 0.143 263.04) #012071 hsl(223, 98%, 22%)
800 oklch(0.256 0.122 262.84) #011a5c hsl(224, 98%, 18%)
900 oklch(0.219 0.101 261.95) #001448 hsl(223, 100%, 14%)
950 oklch(0.181 0.077 260.83) #000e33 hsl(224, 100%, 10%)

dsfds

50 oklch(0.872 0.064 280.11) #ccd1ff hsl(234, 100%, 90%)
100 oklch(0.675 0.173 276.01) #7c89ff hsl(234, 100%, 74%)
200 oklch(0.511 0.274 267.75) #2b41ff hsl(234, 100%, 58%)
300 oklch(0.413 0.271 264.19) #0017da hsl(234, 100%, 43%)
400 oklch(0.296 0.190 264.21) #000e89 hsl(234, 100%, 27%)
500 oklch(0.171 0.098 263.95) #000639 hsl(234, 100%, 11%)
600 oklch(0.169 0.097 263.93) #000638 hsl(234, 100%, 11%)
700 oklch(0.168 0.095 263.90) #000637 hsl(233, 100%, 11%)
800 oklch(0.165 0.092 263.82) #000635 hsl(233, 100%, 10%)
900 oklch(0.161 0.092 263.96) #000534 hsl(234, 100%, 10%)
950 oklch(0.159 0.091 263.93) #000533 hsl(234, 100%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#2A363B
#4A536B
#8595A1
#BBC2CF
#D3D9DF
#66B2FF
#66A3FF
#6694FF
#6685FF
#6676FF
#F9F9F7
#4C90EE
#1A2E44
#1F5263
#24D172
#FFFFFF
#144467
#84B6CA
#4792B0
#096D95
#FFFFFF
#8AC8F5
#01094E
#0A214B
#F4DC35
#F6F9FC
#7A879E
#6D544F
#002E47
#48AAD4
#001449
#012677
#005bc5
#00b4fc
#17f9ff
#000000
#001f36
#1c5560
#79ae92
#fbffcd
#d4cdc5
#5b88a5
#f4f4f2
#191013
#243a69
© 2025 KColor. All rights reserved. 1.11.0