Serene Sky Color Palette
This palette radiates a serene, tranquil vibe with soft blues that evoke a calming sky at twilight, perfect for a modern, minimalist aesthetic.
Practical uses and creative applications
The Serene Sky Color Palette features a harmonious blend of soft blues, ranging from gentle sky hues to deeper twilight tones. With colors like #66B2FF and #6694FF, this palette evokes a sense of calm and tranquility, making it an ideal choice for branding that aims to convey reliability and peace.
Designers looking to create soothing web designs or branding materials can leverage these serene shades to foster a sense of trustworthiness and comfort among their audience. Perfect for creatives in various fields, the Serene Sky Color Palette is especially suitable for wellness brands, tech companies, and lifestyle products.
Its versatile shades can be seamlessly integrated into packaging designs to evoke feelings of freshness and clarity, or used in interior design to create peaceful spaces that invite relaxation. Whether you’re a graphic designer crafting a modern website or an interior designer seeking to breathe life into a calming environment, this soothing palette is sure to inspire creativity while maintaining an air of sophistication.
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.912 0.045 249.36) | #cce5ff | hsl(211, 100%, 90%) |
|
|
| 100 | oklch(0.878 0.062 249.27) | #b8dbff | hsl(210, 100%, 86%) |
|
|
| 200 | oklch(0.844 0.081 248.81) | #a3d1ff | hsl(210, 100%, 82%) |
|
|
| 300 | oklch(0.812 0.099 249.13) | #8fc7ff | hsl(210, 100%, 78%) |
|
|
| 400 | oklch(0.778 0.118 249.90) | #7abcff | hsl(210, 100%, 74%) |
|
|
| 500 | oklch(0.747 0.135 250.37) | #66b2ff | hsl(210, 100%, 70%) |
|
|
| 600 | oklch(0.660 0.185 253.23) | #2993ff | hsl(210, 100%, 58%) |
|
|
| 700 | oklch(0.577 0.199 256.21) | #0075eb | hsl(210, 100%, 46%) |
|
|
| 800 | oklch(0.463 0.156 255.66) | #0056ad | hsl(210, 100%, 34%) |
|
|
| 900 | oklch(0.344 0.110 254.23) | #003870 | hsl(210, 100%, 22%) |
|
|
| 950 | oklch(0.211 0.061 250.69) | #001933 | hsl(211, 100%, 10%) |
|
dsfds
| 50 | oklch(0.902 0.048 259.10) | #cce0ff | hsl(216, 100%, 90%) |
|
|
| 100 | oklch(0.864 0.067 258.87) | #b8d4ff | hsl(216, 100%, 86%) |
|
|
| 200 | oklch(0.826 0.087 258.14) | #a3c8ff | hsl(216, 100%, 82%) |
|
|
| 300 | oklch(0.789 0.108 258.15) | #8fbcff | hsl(216, 100%, 78%) |
|
|
| 400 | oklch(0.750 0.129 258.39) | #7aafff | hsl(216, 100%, 74%) |
|
|
| 500 | oklch(0.715 0.149 258.39) | #66a3ff | hsl(216, 100%, 70%) |
|
|
| 600 | oklch(0.616 0.208 259.24) | #297eff | hsl(216, 100%, 58%) |
|
|
| 700 | oklch(0.531 0.226 260.73) | #005eeb | hsl(216, 100%, 46%) |
|
|
| 800 | oklch(0.426 0.177 260.34) | #0045ad | hsl(216, 100%, 34%) |
|
|
| 900 | oklch(0.318 0.125 259.31) | #002d70 | hsl(216, 100%, 22%) |
|
|
| 950 | oklch(0.197 0.068 256.39) | #001433 | hsl(216, 100%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.052 267.44) | #ccdbff | hsl(222, 100%, 90%) |
|
|
| 100 | oklch(0.850 0.074 267.03) | #b8cdff | hsl(222, 100%, 86%) |
|
|
| 200 | oklch(0.807 0.096 266.03) | #a3bfff | hsl(222, 100%, 82%) |
|
|
| 300 | oklch(0.766 0.119 265.69) | #8fb1ff | hsl(222, 100%, 78%) |
|
|
| 400 | oklch(0.723 0.143 265.38) | #7aa2ff | hsl(222, 100%, 74%) |
|
|
| 500 | oklch(0.684 0.166 264.85) | #6694ff | hsl(222, 100%, 70%) |
|
|
| 600 | oklch(0.575 0.232 263.37) | #2969ff | hsl(222, 100%, 58%) |
|
|
| 700 | oklch(0.490 0.251 263.16) | #0047eb | hsl(222, 100%, 46%) |
|
|
| 800 | oklch(0.394 0.197 262.95) | #0034ad | hsl(222, 100%, 34%) |
|
|
| 900 | oklch(0.294 0.139 262.33) | #002270 | hsl(222, 100%, 22%) |
|
|
| 950 | oklch(0.183 0.076 260.25) | #000f33 | hsl(222, 100%, 10%) |
|
dsfds
| 50 | oklch(0.882 0.058 274.39) | #ccd6ff | hsl(228, 100%, 90%) |
|
|
| 100 | oklch(0.836 0.082 273.80) | #b8c6ff | hsl(228, 100%, 86%) |
|
|
| 200 | oklch(0.789 0.106 272.57) | #a3b6ff | hsl(228, 100%, 82%) |
|
|
| 300 | oklch(0.744 0.131 271.88) | #8fa6ff | hsl(228, 100%, 78%) |
|
|
| 400 | oklch(0.697 0.158 271.04) | #7a95ff | hsl(228, 100%, 74%) |
|
|
| 500 | oklch(0.654 0.184 269.97) | #6685ff | hsl(228, 100%, 70%) |
|
|
| 600 | oklch(0.538 0.256 266.03) | #2954ff | hsl(228, 100%, 58%) |
|
|
| 700 | oklch(0.458 0.272 264.09) | #0030eb | hsl(228, 100%, 46%) |
|
|
| 800 | oklch(0.367 0.214 264.03) | #0023ad | hsl(228, 100%, 34%) |
|
|
| 900 | oklch(0.274 0.152 263.79) | #001770 | hsl(228, 100%, 22%) |
|
|
| 950 | oklch(0.171 0.083 262.60) | #000a33 | hsl(228, 100%, 10%) |
|
dsfds
| 50 | oklch(0.872 0.064 280.11) | #ccd1ff | hsl(234, 100%, 90%) |
|
|
| 100 | oklch(0.822 0.090 279.37) | #b8bfff | hsl(234, 100%, 86%) |
|
|
| 200 | oklch(0.771 0.118 277.93) | #a3adff | hsl(233, 100%, 82%) |
|
|
| 300 | oklch(0.722 0.145 276.93) | #8f9bff | hsl(234, 100%, 78%) |
|
|
| 400 | oklch(0.672 0.175 275.61) | #7a88ff | hsl(234, 100%, 74%) |
|
|
| 500 | oklch(0.626 0.202 274.01) | #6676ff | hsl(234, 100%, 70%) |
|
|
| 600 | oklch(0.508 0.276 267.54) | #293fff | hsl(234, 100%, 58%) |
|
|
| 700 | oklch(0.436 0.287 264.19) | #0019eb | hsl(234, 100%, 46%) |
|
|
| 800 | oklch(0.349 0.227 264.20) | #0012ad | hsl(234, 100%, 34%) |
|
|
| 900 | oklch(0.259 0.162 264.20) | #000c70 | hsl(234, 100%, 22%) |
|
|
| 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.
