Eclectic Cosmic Color Palette
This palette blends deep cosmic indigo with vibrant teal, sunny lime, soft buttercream, and bold fuchsia, creating an eclectic, energetic vibe that's both playful and sophisticated.
Practical uses and creative applications
The Eclectic Cosmic Color Palette brings a vibrant and otherworldly touch to any design project. Featuring deep cosmic blues (#070743) paired with a striking teal (#169d99), radiant chartreuse (#b9cc01), warm cream (#fae894), and a bold magenta (#ab0768), this palette is perfect for creatives looking to infuse a sense of adventure and uniqueness into their work.
Whether you're designing a website that needs to stand out from the crowd or crafting eye-catching packaging that draws customers in, this palette offers a dynamic blend that captures attention and ignites imagination. Ideal for branding projects aimed at trendy businesses, tech startups, or eco-friendly products, the Eclectic Cosmic Color Palette exudes a modern yet playful vibe.
Interior designers can also leverage its diverse hues to create captivating spaces that evoke curiosity and encourage exploration. This palette suits a variety of styles, from contemporary and eclectic to whimsical and artistic, making it a versatile choice for designers who want to convey a sense of wonder and creativity in their work.
Embrace the cosmic energy of this palette and watch your projects come to life with an unforgettable aesthetic!.
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.874 0.056 285.17) | #d1d1fa | hsl(240, 80%, 90%) |
|
|
100 | oklch(0.683 0.151 281.64) | #8b8bf3 | hsl(240, 81%, 75%) |
|
|
200 | oklch(0.509 0.242 273.69) | #4545ec | hsl(240, 81%, 60%) |
|
|
300 | oklch(0.401 0.256 266.75) | #1616ce | hsl(240, 81%, 45%) |
|
|
400 | oklch(0.301 0.186 267.55) | #0e0e89 | hsl(240, 81%, 30%) |
|
|
500 | oklch(0.193 0.107 270.44) | #070743 | hsl(240, 81%, 15%) |
|
|
600 | oklch(0.187 0.101 271.02) | #07073f | hsl(240, 80%, 14%) |
|
|
700 | oklch(0.179 0.097 270.89) | #06063b | hsl(240, 82%, 13%) |
|
|
800 | oklch(0.173 0.092 271.56) | #060637 | hsl(240, 80%, 12%) |
|
|
900 | oklch(0.163 0.086 271.55) | #050532 | hsl(240, 82%, 11%) |
|
|
950 | oklch(0.158 0.080 272.35) | #05052e | hsl(240, 80%, 10%) |
|
dsfds
50 | oklch(0.954 0.040 194.59) | #d2f9f8 | hsl(178, 76%, 90%) |
|
|
100 | oklch(0.908 0.079 192.89) | #a1f2ef | hsl(178, 76%, 79%) |
|
|
200 | oklch(0.869 0.110 192.45) | #70ebe7 | hsl(178, 75%, 68%) |
|
|
300 | oklch(0.837 0.131 191.89) | #3fe4df | hsl(178, 75%, 57%) |
|
|
400 | oklch(0.771 0.129 191.64) | #1dcec9 | hsl(178, 75%, 46%) |
|
|
500 | oklch(0.630 0.105 191.54) | #169d99 | hsl(178, 75%, 35%) |
|
|
600 | oklch(0.565 0.093 191.06) | #138783 | hsl(178, 75%, 30%) |
|
|
700 | oklch(0.494 0.081 191.47) | #10706d | hsl(178, 75%, 25%) |
|
|
800 | oklch(0.424 0.069 190.74) | #0d5a57 | hsl(178, 75%, 20%) |
|
|
900 | oklch(0.348 0.056 191.32) | #094341 | hsl(178, 76%, 15%) |
|
|
950 | oklch(0.271 0.042 192.43) | #062d2c | hsl(178, 76%, 10%) |
|
dsfds
50 | oklch(0.984 0.066 112.16) | #faffcc | hsl(66, 100%, 90%) |
|
|
100 | oklch(0.971 0.125 113.35) | #f5ff9a | hsl(66, 100%, 80%) |
|
|
200 | oklch(0.959 0.173 114.13) | #f0fe67 | hsl(66, 99%, 70%) |
|
|
300 | oklch(0.952 0.204 115.29) | #ebfe35 | hsl(66, 99%, 60%) |
|
|
400 | oklch(0.947 0.217 116.50) | #e6fe02 | hsl(66, 99%, 50%) |
|
|
500 | oklch(0.803 0.184 116.33) | #b9cc01 | hsl(66, 99%, 40%) |
|
|
600 | oklch(0.710 0.162 116.21) | #9dad01 | hsl(66, 99%, 34%) |
|
|
700 | oklch(0.617 0.141 116.47) | #818f01 | hsl(66, 99%, 28%) |
|
|
800 | oklch(0.519 0.118 115.77) | #667001 | hsl(65, 98%, 22%) |
|
|
900 | oklch(0.414 0.094 115.35) | #4a5100 | hsl(65, 100%, 16%) |
|
|
950 | oklch(0.306 0.070 115.59) | #2e3300 | hsl(66, 100%, 10%) |
|
dsfds
50 | oklch(0.967 0.051 97.65) | #fdf5ce | hsl(50, 92%, 90%) |
|
|
100 | oklch(0.957 0.062 97.39) | #fcf2c3 | hsl(49, 90%, 88%) |
|
|
200 | oklch(0.951 0.074 97.60) | #fcf0b7 | hsl(50, 92%, 85%) |
|
|
300 | oklch(0.942 0.085 97.60) | #fbedab | hsl(50, 91%, 83%) |
|
|
400 | oklch(0.936 0.096 97.59) | #fbeba0 | hsl(49, 92%, 81%) |
|
|
500 | oklch(0.927 0.106 97.57) | #fae894 | hsl(49, 91%, 78%) |
|
|
600 | oklch(0.889 0.154 97.03) | #f7da52 | hsl(49, 91%, 65%) |
|
|
700 | oklch(0.853 0.173 93.92) | #f4cb0f | hsl(49, 91%, 51%) |
|
|
800 | oklch(0.684 0.139 94.53) | #b59708 | hsl(50, 92%, 37%) |
|
|
900 | oklch(0.493 0.100 95.18) | #736005 | hsl(50, 92%, 24%) |
|
|
950 | oklch(0.282 0.056 97.20) | #312902 | hsl(50, 92%, 10%) |
|
dsfds
50 | oklch(0.900 0.064 341.98) | #fdceea | hsl(324, 92%, 90%) |
|
|
100 | oklch(0.799 0.137 344.59) | #fb98d2 | hsl(325, 93%, 79%) |
|
|
200 | oklch(0.714 0.206 347.14) | #f962bb | hsl(325, 93%, 68%) |
|
|
300 | oklch(0.655 0.250 350.66) | #f62ca4 | hsl(324, 92%, 57%) |
|
|
400 | oklch(0.597 0.243 354.02) | #e10989 | hsl(324, 92%, 46%) |
|
|
500 | oklch(0.487 0.198 353.60) | #ab0768 | hsl(325, 92%, 35%) |
|
|
600 | oklch(0.437 0.176 353.49) | #930659 | hsl(325, 92%, 30%) |
|
|
700 | oklch(0.382 0.154 352.96) | #7a054a | hsl(325, 92%, 25%) |
|
|
800 | oklch(0.328 0.131 352.67) | #62043b | hsl(325, 92%, 20%) |
|
|
900 | oklch(0.270 0.108 350.67) | #49032d | hsl(324, 92%, 15%) |
|
|
950 | oklch(0.210 0.083 349.25) | #31021e | hsl(324, 92%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.