Vibrant Electric Color Palette
This vibrant palette bursts with electric energy, blending deep purples, passionate pinks, and striking blues, evoking a bold, modern aesthetic that's both playful and dynamic.
Practical uses and creative applications
The Vibrant Electric Color Palette is a stunning array of bold hues designed to captivate and energize. Comprising deep purple (#872BBA), vivid magenta (#B70662), bright coral (#F8194E), striking blue (#13D3FF), and soft periwinkle (#95A1CE), this palette is perfect for those looking to make a statement.
Ideal for branding and web design, it can elevate a brand's visual identity with its eye-catching combinations, making it particularly appealing to creative professionals such as graphic designers, marketers, and entrepreneurs who aim to stand out in a competitive market. In addition to digital applications, the Vibrant Electric Color Palette is fantastic for packaging design, where it can draw attention on store shelves and convey a sense of innovation and excitement.
Moreover, this palette suits interior design projects that aim to create dynamic spaces that inspire creativity and engagement. Whether you’re designing a modern workspace, a trendy café, or a playful children's room, these colors evoke a sense of energy and enthusiasm that resonates with young, vibrant audiences.
Embrace the power of color with this palette and watch as it transforms your projects into striking visual experiences.
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.902 0.047 313.75) | #ead6f5 | hsl(279, 61%, 90%) |
|
|
100 | oklch(0.812 0.094 313.14) | #d7b0ed | hsl(278, 63%, 81%) |
|
|
200 | oklch(0.725 0.138 312.68) | #c48be4 | hsl(278, 62%, 72%) |
|
|
300 | oklch(0.641 0.184 311.79) | #b165dc | hsl(278, 63%, 63%) |
|
|
400 | oklch(0.567 0.220 310.88) | #9f40d3 | hsl(279, 63%, 54%) |
|
|
500 | oklch(0.498 0.213 309.94) | #872bba | hsl(279, 62%, 45%) |
|
|
600 | oklch(0.441 0.186 310.12) | #72249d | hsl(279, 63%, 38%) |
|
|
700 | oklch(0.384 0.158 310.25) | #5d1e80 | hsl(279, 62%, 31%) |
|
|
800 | oklch(0.323 0.129 310.57) | #481763 | hsl(279, 62%, 24%) |
|
|
900 | oklch(0.260 0.099 311.10) | #331046 | hsl(279, 63%, 17%) |
|
|
950 | oklch(0.195 0.063 311.69) | #1e0a29 | hsl(279, 61%, 10%) |
|
dsfds
50 | oklch(0.899 0.061 346.27) | #fdcee6 | hsl(329, 92%, 90%) |
|
|
100 | oklch(0.799 0.133 348.31) | #fc99cc | hsl(329, 94%, 79%) |
|
|
200 | oklch(0.716 0.197 351.13) | #fa65b2 | hsl(329, 94%, 69%) |
|
|
300 | oklch(0.657 0.243 355.26) | #f83198 | hsl(329, 93%, 58%) |
|
|
400 | oklch(0.611 0.245 359.76) | #eb087e | hsl(329, 93%, 48%) |
|
|
500 | oklch(0.507 0.203 359.29) | #b70662 | hsl(329, 94%, 37%) |
|
|
600 | oklch(0.451 0.181 358.66) | #9c0554 | hsl(329, 94%, 32%) |
|
|
700 | oklch(0.396 0.158 358.72) | #820445 | hsl(329, 94%, 26%) |
|
|
800 | oklch(0.336 0.134 357.66) | #670337 | hsl(329, 94%, 21%) |
|
|
900 | oklch(0.274 0.109 355.96) | #4c0229 | hsl(328, 95%, 15%) |
|
|
950 | oklch(0.208 0.080 354.51) | #31021a | hsl(329, 92%, 10%) |
|
dsfds
50 | oklch(0.895 0.055 2.57) | #fdced9 | hsl(346, 92%, 90%) |
|
|
100 | oklch(0.821 0.100 3.77) | #fca9bd | hsl(346, 93%, 83%) |
|
|
200 | oklch(0.755 0.146 6.09) | #fb85a1 | hsl(346, 94%, 75%) |
|
|
300 | oklch(0.698 0.188 8.59) | #fa6186 | hsl(345, 94%, 68%) |
|
|
400 | oklch(0.654 0.222 12.55) | #f93d6a | hsl(346, 94%, 61%) |
|
|
500 | oklch(0.627 0.242 17.67) | #f8194e | hsl(346, 94%, 54%) |
|
|
600 | oklch(0.571 0.227 20.17) | #de073a | hsl(346, 94%, 45%) |
|
|
700 | oklch(0.487 0.193 19.48) | #b3052f | hsl(346, 95%, 36%) |
|
|
800 | oklch(0.399 0.157 18.90) | #880423 | hsl(346, 94%, 27%) |
|
|
900 | oklch(0.306 0.119 17.18) | #5d0318 | hsl(346, 94%, 19%) |
|
|
950 | oklch(0.203 0.076 12.38) | #31020d | hsl(346, 92%, 10%) |
|
dsfds
50 | oklch(0.944 0.044 214.16) | #ccf5ff | hsl(192, 100%, 90%) |
|
|
100 | oklch(0.910 0.074 213.06) | #a7efff | hsl(191, 100%, 83%) |
|
|
200 | oklch(0.877 0.100 214.04) | #82e8ff | hsl(191, 100%, 75%) |
|
|
300 | oklch(0.848 0.121 215.44) | #5de1ff | hsl(191, 100%, 68%) |
|
|
400 | oklch(0.823 0.136 217.50) | #38daff | hsl(191, 100%, 61%) |
|
|
500 | oklch(0.803 0.145 220.42) | #13d3ff | hsl(191, 100%, 54%) |
|
|
600 | oklch(0.734 0.135 221.60) | #00bbe5 | hsl(191, 100%, 45%) |
|
|
700 | oklch(0.624 0.115 222.09) | #0096b9 | hsl(191, 100%, 36%) |
|
|
800 | oklch(0.511 0.094 220.96) | #00728c | hsl(191, 100%, 27%) |
|
|
900 | oklch(0.392 0.071 220.12) | #004e60 | hsl(191, 100%, 19%) |
|
|
950 | oklch(0.259 0.047 218.54) | #002933 | hsl(192, 100%, 10%) |
|
dsfds
50 | oklch(0.908 0.021 274.02) | #dce0ef | hsl(227, 37%, 90%) |
|
|
100 | oklch(0.869 0.029 275.11) | #ced3e8 | hsl(228, 36%, 86%) |
|
|
200 | oklch(0.833 0.039 274.02) | #c0c7e2 | hsl(228, 37%, 82%) |
|
|
300 | oklch(0.793 0.048 273.25) | #b1badb | hsl(227, 37%, 78%) |
|
|
400 | oklch(0.756 0.057 272.64) | #a3aed5 | hsl(227, 37%, 74%) |
|
|
500 | oklch(0.716 0.067 272.99) | #95a1ce | hsl(227, 37%, 70%) |
|
|
600 | oklch(0.599 0.098 271.66) | #6b7cbb | hsl(227, 37%, 58%) |
|
|
700 | oklch(0.493 0.111 270.72) | #4a5ca0 | hsl(227, 37%, 46%) |
|
|
800 | oklch(0.401 0.086 271.09) | #374476 | hsl(228, 36%, 34%) |
|
|
900 | oklch(0.302 0.059 270.64) | #232c4c | hsl(227, 37%, 22%) |
|
|
950 | oklch(0.195 0.031 271.89) | #101423 | hsl(227, 37%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.