Mystical Night Sky Color Palette
This palette exudes a deep, mystical vibe with rich indigo hues and vibrant violet shades, evoking a sense of cosmic wonder and introspective elegance, perfect for a dreamy night sky.
Practical uses and creative applications
The Mystical Night Sky Color Palette is a captivating blend of deep purples and blues, ideal for designers looking to evoke a sense of wonder and intrigue. Comprising shades like #9277DD and #281D6F, this palette is perfect for branding and web design projects that aim to create a magical atmosphere.
Whether you’re crafting a logo for a fantasy-themed event or designing a website for a creative agency, these colors will transport your audience to a celestial realm, enhancing the overall user experience. This enchanting palette is particularly suited for creatives in industries such as cosmetics, wellness, and entertainment.
Imagine packaging design that draws customers in with its ethereal charm, or interior spaces that inspire relaxation and creativitylike a cozy reading nook or a serene meditation room. The combination of colors not only resonates with those seeking a dreamy aesthetic but also appeals to a broader audience looking for sophistication in their visual identity.
Explore the Mystical Night Sky Color Palette to elevate your next project and leave a lasting impression.
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.
| 50 | oklch(0.892 0.043 297.33) | #ded6f5 | hsl(255, 61%, 90%) |
|
|
| 100 | oklch(0.842 0.063 297.24) | #cfc3f0 | hsl(256, 60%, 85%) |
|
|
| 200 | oklch(0.791 0.084 296.87) | #c0b0eb | hsl(256, 60%, 81%) |
|
|
| 300 | oklch(0.741 0.107 296.11) | #b19de7 | hsl(256, 61%, 76%) |
|
|
| 400 | oklch(0.689 0.128 294.83) | #a18ae2 | hsl(256, 60%, 71%) |
|
|
| 500 | oklch(0.639 0.150 293.93) | #9277dd | hsl(256, 60%, 67%) |
|
|
| 600 | oklch(0.522 0.199 289.93) | #6d49d1 | hsl(256, 60%, 55%) |
|
|
| 700 | oklch(0.433 0.197 287.17) | #512db4 | hsl(256, 60%, 44%) |
|
|
| 800 | oklch(0.352 0.155 287.95) | #3c2185 | hsl(256, 60%, 33%) |
|
|
| 900 | oklch(0.268 0.110 288.71) | #271657 | hsl(256, 60%, 21%) |
|
|
| 950 | oklch(0.178 0.060 290.84) | #120a29 | hsl(255, 61%, 10%) |
|
| 50 | oklch(0.900 0.032 297.69) | #e0daf1 | hsl(256, 45%, 90%) |
|
|
| 100 | oklch(0.832 0.052 295.16) | #cac2e7 | hsl(253, 44%, 83%) |
|
|
| 200 | oklch(0.763 0.076 294.92) | #b5a9de | hsl(254, 45%, 77%) |
|
|
| 300 | oklch(0.693 0.100 294.46) | #a090d4 | hsl(254, 44%, 70%) |
|
|
| 400 | oklch(0.625 0.123 293.01) | #8b78cb | hsl(254, 44%, 63%) |
|
|
| 500 | oklch(0.555 0.148 291.67) | #765fc1 | hsl(254, 44%, 56%) |
|
|
| 600 | oklch(0.469 0.162 289.54) | #5c43ad | hsl(254, 44%, 47%) |
|
|
| 700 | oklch(0.404 0.135 289.81) | #4a368b | hsl(254, 44%, 38%) |
|
|
| 800 | oklch(0.336 0.107 290.21) | #382969 | hsl(254, 44%, 29%) |
|
|
| 900 | oklch(0.262 0.079 291.52) | #261b47 | hsl(255, 45%, 19%) |
|
|
| 950 | oklch(0.185 0.046 293.44) | #140e25 | hsl(256, 45%, 10%) |
|
| 50 | oklch(0.901 0.029 294.55) | #dfdbf0 | hsl(251, 41%, 90%) |
|
|
| 100 | oklch(0.813 0.053 293.62) | #c3bce2 | hsl(251, 40%, 81%) |
|
|
| 200 | oklch(0.723 0.083 293.89) | #a89cd5 | hsl(253, 40%, 72%) |
|
|
| 300 | oklch(0.634 0.111 292.10) | #8c7dc8 | hsl(252, 41%, 64%) |
|
|
| 400 | oklch(0.541 0.141 290.29) | #705dba | hsl(252, 40%, 55%) |
|
|
| 500 | oklch(0.465 0.147 288.56) | #5946a5 | hsl(252, 40%, 46%) |
|
|
| 600 | oklch(0.413 0.128 288.76) | #4b3b8b | hsl(252, 40%, 39%) |
|
|
| 700 | oklch(0.360 0.108 289.03) | #3d3071 | hsl(252, 40%, 32%) |
|
|
| 800 | oklch(0.305 0.087 289.42) | #2f2557 | hsl(252, 40%, 24%) |
|
|
| 900 | oklch(0.247 0.066 289.61) | #211a3e | hsl(252, 41%, 17%) |
|
|
| 950 | oklch(0.186 0.042 290.48) | #130f24 | hsl(251, 41%, 10%) |
|
| 50 | oklch(0.896 0.034 293.04) | #ddd9f2 | hsl(250, 49%, 90%) |
|
|
| 100 | oklch(0.780 0.075 292.35) | #b8afe4 | hsl(250, 50%, 79%) |
|
|
| 200 | oklch(0.664 0.117 290.29) | #9386d6 | hsl(250, 49%, 68%) |
|
|
| 300 | oklch(0.550 0.161 287.53) | #6f5dc9 | hsl(250, 50%, 58%) |
|
|
| 400 | oklch(0.450 0.178 283.98) | #4f3cb2 | hsl(250, 50%, 47%) |
|
|
| 500 | oklch(0.376 0.144 284.59) | #3d2e89 | hsl(250, 50%, 36%) |
|
|
| 600 | oklch(0.338 0.128 284.92) | #342775 | hsl(250, 50%, 31%) |
|
|
| 700 | oklch(0.301 0.109 284.96) | #2b2161 | hsl(249, 49%, 25%) |
|
|
| 800 | oklch(0.263 0.092 286.19) | #231a4e | hsl(250, 50%, 20%) |
|
|
| 900 | oklch(0.221 0.072 287.20) | #1a133a | hsl(251, 51%, 15%) |
|
|
| 950 | oklch(0.180 0.050 287.71) | #110d26 | hsl(250, 49%, 10%) |
|
| 50 | oklch(0.891 0.040 291.90) | #dbd7f4 | hsl(248, 57%, 90%) |
|
|
| 100 | oklch(0.751 0.096 290.05) | #ada4e7 | hsl(248, 58%, 77%) |
|
|
| 200 | oklch(0.610 0.155 287.00) | #7f71da | hsl(248, 59%, 65%) |
|
|
| 300 | oklch(0.481 0.208 281.25) | #523fcd | hsl(248, 59%, 53%) |
|
|
| 400 | oklch(0.391 0.182 279.88) | #3a2aa2 | hsl(248, 59%, 40%) |
|
|
| 500 | oklch(0.305 0.134 280.98) | #281d6f | hsl(248, 59%, 27%) |
|
|
| 600 | oklch(0.279 0.121 281.52) | #231961 | hsl(248, 59%, 24%) |
|
|
| 700 | oklch(0.255 0.106 281.85) | #1e1653 | hsl(248, 58%, 21%) |
|
|
| 800 | oklch(0.229 0.091 282.70) | #191245 | hsl(248, 59%, 17%) |
|
|
| 900 | oklch(0.202 0.076 283.87) | #140e37 | hsl(249, 59%, 14%) |
|
|
| 950 | oklch(0.175 0.057 285.16) | #0f0b28 | hsl(248, 57%, 10%) |
|
| 50 | oklch(0.886 0.045 291.01) | #d9d5f6 | hsl(247, 65%, 90%) |
|
|
| 100 | oklch(0.727 0.112 288.57) | #a49be9 | hsl(247, 64%, 76%) |
|
|
| 200 | oklch(0.572 0.182 284.55) | #7061dd | hsl(247, 65%, 62%) |
|
|
| 300 | oklch(0.440 0.228 276.84) | #3f2ccb | hsl(247, 64%, 48%) |
|
|
| 400 | oklch(0.349 0.174 277.61) | #2d2091 | hsl(247, 64%, 35%) |
|
|
| 500 | oklch(0.252 0.116 279.38) | #1b1357 | hsl(247, 64%, 21%) |
|
|
| 600 | oklch(0.236 0.106 279.64) | #18114e | hsl(247, 64%, 19%) |
|
|
| 700 | oklch(0.220 0.096 279.95) | #150f45 | hsl(247, 64%, 16%) |
|
|
| 800 | oklch(0.204 0.086 281.43) | #130d3c | hsl(248, 64%, 14%) |
|
|
| 900 | oklch(0.188 0.075 282.01) | #100b33 | hsl(248, 65%, 12%) |
|
|
| 950 | oklch(0.171 0.064 282.73) | #0d092a | hsl(247, 65%, 10%) |
|
| 50 | oklch(0.880 0.051 287.79) | #d5d3f8 | hsl(243, 73%, 90%) |
|
|
| 100 | oklch(0.697 0.136 284.72) | #9590ee | hsl(243, 73%, 75%) |
|
|
| 200 | oklch(0.526 0.217 278.22) | #564ee3 | hsl(243, 73%, 60%) |
|
|
| 300 | oklch(0.405 0.236 270.92) | #281fc5 | hsl(243, 73%, 45%) |
|
|
| 400 | oklch(0.305 0.172 272.33) | #1b1483 | hsl(244, 74%, 30%) |
|
|
| 500 | oklch(0.198 0.097 275.32) | #0d0a40 | hsl(243, 73%, 15%) |
|
|
| 600 | oklch(0.191 0.093 275.63) | #0c093c | hsl(244, 74%, 14%) |
|
|
| 700 | oklch(0.185 0.087 275.58) | #0b0938 | hsl(243, 72%, 13%) |
|
|
| 800 | oklch(0.178 0.082 277.11) | #0b0834 | hsl(244, 73%, 12%) |
|
|
| 900 | oklch(0.172 0.076 277.08) | #0a0830 | hsl(243, 71%, 11%) |
|
|
| 950 | oklch(0.164 0.072 277.65) | #09072c | hsl(243, 73%, 10%) |
|
| 50 | oklch(0.862 0.070 284.83) | #ccccff | hsl(240, 100%, 90%) |
|
|
| 100 | oklch(0.641 0.196 279.36) | #7878ff | hsl(240, 100%, 74%) |
|
|
| 200 | oklch(0.477 0.296 267.56) | #2424ff | hsl(240, 100%, 57%) |
|
|
| 300 | oklch(0.388 0.269 264.05) | #0000d0 | hsl(240, 100%, 41%) |
|
|
| 400 | oklch(0.265 0.184 264.05) | #00007c | hsl(240, 100%, 24%) |
|
|
| 500 | oklch(0.125 0.087 264.05) | #000028 | hsl(240, 100%, 8%) |
|
|
| 600 | oklch(0.129 0.089 264.05) | #00002a | hsl(240, 100%, 8%) |
|
|
| 700 | oklch(0.132 0.092 264.05) | #00002c | hsl(240, 100%, 9%) |
|
|
| 800 | oklch(0.138 0.096 264.05) | #00002f | hsl(240, 100%, 9%) |
|
|
| 900 | oklch(0.142 0.098 264.05) | #000031 | hsl(240, 100%, 10%) |
|
|
| 950 | oklch(0.145 0.101 264.05) | #000033 | hsl(240, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
