Vibrant Electric Color Palette
This vibrant palette bursts with electric purples and pinks, exuding a bold, playful energy that feels both adventurous and whimsically enchanting.
Practical uses and creative applications
The Vibrant Electric Color Palette is a bold and dynamic selection that features striking shades like #EE6BF9, #EA3CF7, #9624B9, #440E7D, and #350A63. This palette is perfect for designers looking to create eye-catching branding materials that stand out in a crowded market.
Whether used for logos, packaging, or promotional materials, these electrifying hues evoke a sense of excitement and creativity, making them ideal for brands in the tech, entertainment, and fashion industries. In web design, the Vibrant Electric Color Palette can breathe life into online platforms, drawing users in with its lively energy.
The contrasting colors work wonderfully together to create engaging user interfaces that enhance the overall user experience. Interior designers can also leverage this palette to create spaces that feel modern and energetic, perfect for creative workspaces or trendy cafes.
Ideal for creatives and innovators, this color set embodies a sense of fun and enthusiasm, making it a go-to choice for projects that aim to inspire and captivate.
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.903 0.078 323.46) | #f9cefd | hsl(295, 92%, 90%) |
|
|
100 | oklch(0.865 0.110 323.95) | #f7bafc | hsl(295, 92%, 86%) |
|
|
200 | oklch(0.830 0.143 324.31) | #f5a6fb | hsl(296, 91%, 82%) |
|
|
300 | oklch(0.798 0.173 324.25) | #f393fb | hsl(295, 93%, 78%) |
|
|
400 | oklch(0.766 0.203 324.23) | #f07ffa | hsl(295, 92%, 74%) |
|
|
500 | oklch(0.737 0.231 324.50) | #ee6bf9 | hsl(295, 92%, 70%) |
|
|
600 | oklch(0.676 0.290 324.37) | #e730f7 | hsl(295, 93%, 58%) |
|
|
700 | oklch(0.614 0.286 324.09) | #d009e1 | hsl(295, 92%, 46%) |
|
|
800 | oklch(0.491 0.227 324.34) | #9a07a6 | hsl(295, 92%, 34%) |
|
|
900 | oklch(0.361 0.166 324.38) | #64046c | hsl(295, 93%, 22%) |
|
|
950 | oklch(0.215 0.095 324.37) | #2d0231 | hsl(295, 92%, 10%) |
|
50 | oklch(0.903 0.079 324.16) | #facefd | hsl(296, 92%, 90%) |
|
|
100 | oklch(0.850 0.126 324.35) | #f7b1fc | hsl(296, 93%, 84%) |
|
|
200 | oklch(0.799 0.172 324.21) | #f394fb | hsl(295, 93%, 78%) |
|
|
300 | oklch(0.753 0.216 324.79) | #f076f9 | hsl(296, 92%, 72%) |
|
|
400 | oklch(0.716 0.253 324.92) | #ed59f8 | hsl(296, 92%, 66%) |
|
|
500 | oklch(0.687 0.282 324.94) | #ea3cf7 | hsl(296, 92%, 60%) |
|
|
600 | oklch(0.658 0.305 324.67) | #e50bf5 | hsl(296, 92%, 50%) |
|
|
700 | oklch(0.558 0.258 324.38) | #b708c5 | hsl(296, 92%, 40%) |
|
|
800 | oklch(0.453 0.208 325.00) | #8a0693 | hsl(296, 92%, 30%) |
|
|
900 | oklch(0.340 0.155 325.10) | #5c0462 | hsl(296, 92%, 20%) |
|
|
950 | oklch(0.217 0.096 325.37) | #2e0231 | hsl(296, 92%, 10%) |
|
50 | oklch(0.903 0.055 318.44) | #efd4f7 | hsl(286, 69%, 90%) |
|
|
100 | oklch(0.813 0.107 317.97) | #dfacef | hsl(286, 68%, 81%) |
|
|
200 | oklch(0.729 0.157 317.96) | #d085e7 | hsl(286, 67%, 71%) |
|
|
300 | oklch(0.651 0.205 317.77) | #c15ddf | hsl(286, 67%, 62%) |
|
|
400 | oklch(0.584 0.243 316.51) | #b135d8 | hsl(286, 68%, 53%) |
|
|
500 | oklch(0.512 0.223 316.43) | #9624b9 | hsl(286, 67%, 43%) |
|
|
600 | oklch(0.455 0.197 316.41) | #7f1e9d | hsl(286, 68%, 37%) |
|
|
700 | oklch(0.395 0.167 316.72) | #681980 | hsl(286, 67%, 30%) |
|
|
800 | oklch(0.333 0.139 316.75) | #511364 | hsl(286, 68%, 23%) |
|
|
900 | oklch(0.269 0.106 317.35) | #3a0e47 | hsl(286, 67%, 17%) |
|
|
950 | oklch(0.201 0.072 317.65) | #23082b | hsl(286, 69%, 10%) |
|
50 | oklch(0.890 0.059 307.20) | #e5d1fa | hsl(269, 80%, 90%) |
|
|
100 | oklch(0.754 0.135 305.64) | #c498f3 | hsl(269, 79%, 77%) |
|
|
200 | oklch(0.627 0.209 303.45) | #a45eed | hsl(269, 80%, 65%) |
|
|
300 | oklch(0.525 0.259 298.29) | #8324e7 | hsl(269, 80%, 52%) |
|
|
400 | oklch(0.433 0.221 297.11) | #6314b7 | hsl(269, 80%, 40%) |
|
|
500 | oklch(0.333 0.165 298.17) | #440e7d | hsl(269, 80%, 27%) |
|
|
600 | oklch(0.303 0.149 298.34) | #3b0c6d | hsl(269, 80%, 24%) |
|
|
700 | oklch(0.275 0.132 299.36) | #330a5d | hsl(270, 81%, 20%) |
|
|
800 | oklch(0.246 0.115 299.04) | #2a094e | hsl(269, 79%, 17%) |
|
|
900 | oklch(0.215 0.097 300.61) | #22073e | hsl(269, 80%, 14%) |
|
|
950 | oklch(0.182 0.078 301.66) | #19052e | hsl(269, 80%, 10%) |
|
50 | oklch(0.890 0.059 307.20) | #e5d1fa | hsl(269, 80%, 90%) |
|
|
100 | oklch(0.740 0.147 305.43) | #c191f4 | hsl(269, 82%, 76%) |
|
|
200 | oklch(0.604 0.224 302.35) | #9d52ed | hsl(269, 81%, 63%) |
|
|
300 | oklch(0.501 0.261 296.33) | #7917e2 | hsl(269, 82%, 49%) |
|
|
400 | oklch(0.396 0.203 296.88) | #5710a3 | hsl(269, 82%, 35%) |
|
|
500 | oklch(0.284 0.139 298.27) | #350a63 | hsl(269, 82%, 21%) |
|
|
600 | oklch(0.263 0.127 298.52) | #2f0958 | hsl(269, 81%, 19%) |
|
|
700 | oklch(0.245 0.116 299.25) | #2a084e | hsl(269, 81%, 17%) |
|
|
800 | oklch(0.223 0.103 299.68) | #240743 | hsl(269, 81%, 15%) |
|
|
900 | oklch(0.203 0.092 299.55) | #1e0639 | hsl(268, 81%, 12%) |
|
|
950 | oklch(0.182 0.078 301.66) | #19052e | hsl(269, 80%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection