Serene Sky Color Palette
This palette blends serene sky blues and soft blush pinks with earthy taupes and muted greens, anchored by deep black, evoking a tranquil yet sophisticated vibe perfect for a calming, modern aesthetic.
Practical uses and creative applications
The Serene Sky Color Palette offers a calming blend of soft blues, gentle pinks, muted browns, and tranquil greens, making it an ideal choice for a variety of creative projects. With colors like #cbe4ea (a light sky blue) and #ead1cb (a delicate peach), this palette evokes the serenity of a clear day, providing designers with a versatile tool for branding, web design, and packaging.
Whether you’re developing a soothing wellness brand or designing a lifestyle blog, these hues create a harmonious visual experience that resonates with audiences seeking tranquility and balance. Perfect for designers and creatives looking to evoke a sense of calm, the Serene Sky Color Palette is particularly suited for interior design projects that aim to transform spaces into serene retreats.
The earthy tones of #af9c98 and #657275 can be paired with natural materials, creating an inviting atmosphere that feels both modern and timeless. This palette is also great for businesses in the health, beauty, or eco-friendly sectors, helping to communicate a brand’s mission of peace and sustainability through thoughtful color choices that inspire trust and relaxation.
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.932 0.019 213.42) | #dbecf0 | hsl(191, 41%, 90%) |
|
|
| 100 | oklch(0.927 0.021 211.76) | #d8ebef | hsl(190, 42%, 89%) |
|
|
| 200 | oklch(0.920 0.023 213.62) | #d4e9ee | hsl(192, 43%, 88%) |
|
|
| 300 | oklch(0.914 0.025 215.91) | #d1e7ed | hsl(193, 44%, 87%) |
|
|
| 400 | oklch(0.909 0.026 211.63) | #cee6eb | hsl(190, 42%, 86%) |
|
|
| 500 | oklch(0.902 0.028 213.78) | #cbe4ea | hsl(192, 42%, 86%) |
|
|
| 600 | oklch(0.798 0.056 215.19) | #94c7d4 | hsl(192, 43%, 71%) |
|
|
| 700 | oklch(0.698 0.082 215.47) | #5dabbe | hsl(192, 43%, 55%) |
|
|
| 800 | oklch(0.565 0.074 216.03) | #3b8192 | hsl(192, 42%, 40%) |
|
|
| 900 | oklch(0.408 0.051 214.57) | #25515b | hsl(191, 42%, 25%) |
|
|
| 950 | oklch(0.231 0.024 214.47) | #0f2024 | hsl(191, 41%, 10%) |
|
dsfds
| 50 | oklch(0.916 0.020 33.37) | #f0dfdb | hsl(11, 41%, 90%) |
|
|
| 100 | oklch(0.909 0.022 31.78) | #efdcd8 | hsl(10, 42%, 89%) |
|
|
| 200 | oklch(0.901 0.024 33.55) | #eed9d4 | hsl(12, 43%, 88%) |
|
|
| 300 | oklch(0.896 0.026 35.71) | #edd7d1 | hsl(13, 44%, 87%) |
|
|
| 400 | oklch(0.887 0.027 34.98) | #ebd4ce | hsl(12, 42%, 86%) |
|
|
| 500 | oklch(0.880 0.029 33.68) | #ead1cb | hsl(12, 42%, 86%) |
|
|
| 600 | oklch(0.751 0.065 33.32) | #d4a094 | hsl(11, 43%, 71%) |
|
|
| 700 | oklch(0.626 0.104 34.55) | #be705d | hsl(12, 43%, 55%) |
|
|
| 800 | oklch(0.498 0.098 34.71) | #924c3b | hsl(12, 42%, 40%) |
|
|
| 900 | oklch(0.360 0.067 33.83) | #5b2f25 | hsl(11, 42%, 25%) |
|
|
| 950 | oklch(0.209 0.030 33.94) | #24130f | hsl(11, 41%, 10%) |
|
dsfds
| 50 | oklch(0.920 0.007 28.84) | #e9e3e2 | hsl(9, 14%, 90%) |
|
|
| 100 | oklch(0.879 0.009 34.30) | #ddd5d3 | hsl(12, 13%, 85%) |
|
|
| 200 | oklch(0.838 0.013 29.88) | #d2c7c5 | hsl(9, 13%, 80%) |
|
|
| 300 | oklch(0.796 0.015 33.08) | #c6b9b6 | hsl(11, 12%, 75%) |
|
|
| 400 | oklch(0.752 0.020 29.58) | #bbaaa7 | hsl(9, 13%, 69%) |
|
|
| 500 | oklch(0.708 0.023 31.81) | #af9c98 | hsl(10, 13%, 64%) |
|
|
| 600 | oklch(0.615 0.032 31.23) | #977e79 | hsl(10, 13%, 53%) |
|
|
| 700 | oklch(0.521 0.031 29.63) | #7a635f | hsl(9, 12%, 43%) |
|
|
| 800 | oklch(0.426 0.024 29.77) | #5b4a47 | hsl(9, 12%, 32%) |
|
|
| 900 | oklch(0.324 0.017 35.72) | #3c312e | hsl(13, 13%, 21%) |
|
|
| 950 | oklch(0.211 0.010 29.07) | #1d1716 | hsl(9, 14%, 10%) |
|
dsfds
| 50 | oklch(0.926 0.003 197.10) | #e4e7e7 | hsl(180, 6%, 90%) |
|
|
| 100 | oklch(0.853 0.007 208.78) | #cad0d1 | hsl(189, 7%, 81%) |
|
|
| 200 | oklch(0.779 0.010 212.53) | #b0b9bb | hsl(191, 7%, 71%) |
|
|
| 300 | oklch(0.703 0.014 208.75) | #96a2a4 | hsl(189, 7%, 62%) |
|
|
| 400 | oklch(0.626 0.018 211.06) | #7c8b8e | hsl(190, 7%, 52%) |
|
|
| 500 | oklch(0.542 0.016 213.16) | #657275 | hsl(191, 7%, 43%) |
|
|
| 600 | oklch(0.484 0.014 209.80) | #566163 | hsl(189, 7%, 36%) |
|
|
| 700 | oklch(0.420 0.012 212.57) | #464f51 | hsl(191, 7%, 30%) |
|
|
| 800 | oklch(0.358 0.010 207.07) | #373e3f | hsl(188, 7%, 23%) |
|
|
| 900 | oklch(0.289 0.007 211.05) | #272c2d | hsl(190, 7%, 16%) |
|
|
| 950 | oklch(0.219 0.005 196.82) | #181b1b | hsl(180, 6%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
| 200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
| 300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
| 400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
| 500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
| 600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
| 700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
| 800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
| 900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
