Cosmic Night Color Palette
This striking palette evokes a cosmic night with deep indigo blues and vibrant purples, highlighted by a bold burst of sunshine yellow, creating a dreamy yet electric vibe perfect for modern creativity.
Practical uses and creative applications
The Cosmic Night Color Palette is a stunning collection of deep purples and vibrant yellows that evokes the mysteries of the universe. With its rich hues of #340099 and #24006B, complemented by softer tones like #D5BFFF and #AB80FF, this palette offers a perfect blend of sophistication and creativity.
The striking #FFCE00 adds a pop of brightness, making it an ideal choice for those looking to create a bold yet balanced visual identity. This color palette is particularly well-suited for branding projects aimed at tech startups, creative agencies, or any business wanting to convey innovation and imagination.
Designers will find it perfect for web design, where the deep purples can establish a strong foundation while the lighter shades add depth and readability. Additionally, the Cosmic Night palette works wonderfully for packaging designs, especially in the cosmetics and wellness industries, where a touch of luxury and intrigue is essential.
Interior designers and creatives can also utilize this palette to craft spaces that inspire and captivate. Whether you’re designing a home office or a trendy retail space, the Cosmic Night colors can set a mood that encourages creativity and reflection.
Ideal for those who appreciate modern aesthetics with a cosmic twist, this palette invites designers to explore new realms of imagination in their projects.
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.876 0.072 300.16) | #ddccff | hsl(260, 100%, 90%) |
|
|
| 100 | oklch(0.731 0.161 297.95) | #b58fff | hsl(260, 100%, 78%) |
|
|
| 200 | oklch(0.601 0.241 293.42) | #8d52ff | hsl(260, 100%, 66%) |
|
|
| 300 | oklch(0.508 0.289 284.34) | #6414ff | hsl(260, 100%, 54%) |
|
|
| 400 | oklch(0.431 0.259 281.08) | #4900d6 | hsl(260, 100%, 42%) |
|
|
| 500 | oklch(0.338 0.201 282.24) | #340099 | hsl(260, 100%, 30%) |
|
|
| 600 | oklch(0.306 0.182 282.77) | #2d0085 | hsl(260, 100%, 26%) |
|
|
| 700 | oklch(0.272 0.160 283.76) | #260070 | hsl(260, 100%, 22%) |
|
|
| 800 | oklch(0.238 0.140 284.79) | #1f005c | hsl(260, 100%, 18%) |
|
|
| 900 | oklch(0.202 0.117 286.78) | #180047 | hsl(260, 100%, 14%) |
|
|
| 950 | oklch(0.166 0.094 289.44) | #110033 | hsl(260, 100%, 10%) |
|
| 50 | oklch(0.876 0.072 300.16) | #ddccff | hsl(260, 100%, 90%) |
|
|
| 100 | oklch(0.709 0.174 297.00) | #ae86ff | hsl(260, 100%, 76%) |
|
|
| 200 | oklch(0.566 0.261 291.05) | #803fff | hsl(260, 100%, 62%) |
|
|
| 300 | oklch(0.479 0.290 280.12) | #5300f8 | hsl(260, 100%, 49%) |
|
|
| 400 | oklch(0.375 0.224 281.58) | #3c00b1 | hsl(260, 100%, 35%) |
|
|
| 500 | oklch(0.264 0.155 283.80) | #24006b | hsl(260, 100%, 21%) |
|
|
| 600 | oklch(0.245 0.144 284.24) | #200060 | hsl(260, 100%, 19%) |
|
|
| 700 | oklch(0.226 0.132 284.77) | #1c0055 | hsl(260, 100%, 17%) |
|
|
| 800 | oklch(0.206 0.119 286.89) | #190049 | hsl(261, 100%, 14%) |
|
|
| 900 | oklch(0.186 0.107 287.98) | #15003e | hsl(260, 100%, 12%) |
|
|
| 950 | oklch(0.166 0.094 289.44) | #110033 | hsl(260, 100%, 10%) |
|
| 50 | oklch(0.876 0.072 301.05) | #deccff | hsl(261, 100%, 90%) |
|
|
| 100 | oklch(0.869 0.076 300.91) | #dcc9ff | hsl(261, 100%, 89%) |
|
|
| 200 | oklch(0.864 0.079 300.28) | #dac7ff | hsl(260, 100%, 89%) |
|
|
| 300 | oklch(0.856 0.083 300.16) | #d8c4ff | hsl(260, 100%, 88%) |
|
|
| 400 | oklch(0.852 0.086 300.34) | #d7c2ff | hsl(261, 100%, 88%) |
|
|
| 500 | oklch(0.845 0.091 300.22) | #d5bfff | hsl(261, 100%, 87%) |
|
|
| 600 | oklch(0.662 0.204 296.17) | #a170ff | hsl(261, 100%, 72%) |
|
|
| 700 | oklch(0.523 0.283 286.81) | #6d21ff | hsl(261, 100%, 56%) |
|
|
| 800 | oklch(0.424 0.254 281.42) | #4800d1 | hsl(261, 100%, 41%) |
|
|
| 900 | oklch(0.302 0.179 283.50) | #2d0082 | hsl(261, 100%, 25%) |
|
|
| 950 | oklch(0.167 0.094 290.80) | #120033 | hsl(261, 100%, 10%) |
|
| 50 | oklch(0.876 0.072 300.16) | #ddccff | hsl(260, 100%, 90%) |
|
|
| 100 | oklch(0.839 0.094 299.67) | #d3bdff | hsl(260, 100%, 87%) |
|
|
| 200 | oklch(0.803 0.116 299.10) | #c9aeff | hsl(260, 100%, 84%) |
|
|
| 300 | oklch(0.766 0.139 298.74) | #bf9eff | hsl(260, 100%, 81%) |
|
|
| 400 | oklch(0.731 0.161 297.95) | #b58fff | hsl(260, 100%, 78%) |
|
|
| 500 | oklch(0.697 0.182 297.05) | #ab80ff | hsl(260, 100%, 75%) |
|
|
| 600 | oklch(0.564 0.262 290.81) | #7f3eff | hsl(260, 100%, 62%) |
|
|
| 700 | oklch(0.483 0.291 280.52) | #5500fa | hsl(260, 100%, 49%) |
|
|
| 800 | oklch(0.385 0.231 281.27) | #3e00b8 | hsl(260, 100%, 36%) |
|
|
| 900 | oklch(0.281 0.165 283.72) | #280075 | hsl(261, 100%, 23%) |
|
|
| 950 | oklch(0.166 0.094 289.44) | #110033 | hsl(260, 100%, 10%) |
|
| 50 | oklch(0.968 0.054 95.87) | #fff5cc | hsl(48, 100%, 90%) |
|
|
| 100 | oklch(0.944 0.095 96.12) | #ffeda3 | hsl(48, 100%, 82%) |
|
|
| 200 | oklch(0.924 0.131 96.58) | #ffe67a | hsl(49, 100%, 74%) |
|
|
| 300 | oklch(0.904 0.158 95.68) | #ffde52 | hsl(49, 100%, 66%) |
|
|
| 400 | oklch(0.886 0.174 94.06) | #ffd629 | hsl(49, 100%, 58%) |
|
|
| 500 | oklch(0.869 0.178 91.31) | #ffce00 | hsl(48, 100%, 50%) |
|
|
| 600 | oklch(0.762 0.156 91.60) | #d6ad00 | hsl(49, 100%, 42%) |
|
|
| 700 | oklch(0.652 0.133 92.01) | #ad8c00 | hsl(49, 100%, 34%) |
|
|
| 800 | oklch(0.538 0.110 91.96) | #856b00 | hsl(48, 100%, 26%) |
|
|
| 900 | oklch(0.416 0.085 92.83) | #5c4a00 | hsl(48, 100%, 18%) |
|
|
| 950 | oklch(0.284 0.058 94.73) | #332900 | hsl(48, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
