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.
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.