Vibrant Electric Color Palette
This vibrant palette bursts with electric pinks and soft blush tones, creating a bold yet playful atmosphere that's both edgy and romantic.
Practical uses and creative applications
The Vibrant Electric Color Palette is a bold and dynamic choice that infuses energy and excitement into any design project. With its striking combination of deep charcoal (#4C4A4B) and electrifying pinks (#F4026B, #FF42A1, #FE90AB, #FFCCD1), this palette is perfect for creatives looking to make a lasting impression.
Ideal for branding and packaging, these colors can elevate a product's visual appeal, making it stand out on the shelves or online marketplaces. This palette is particularly well-suited for brands targeting a youthful audience or those in the fashion, beauty, and tech industries.
Designers can leverage this vibrant color scheme in web design to create engaging user experiences that captivate visitors. Additionally, the playful hues can enhance interiors, bringing a lively atmosphere to cafes, boutiques, and creative workspaces, appealing to both customers and designers seeking inspiration.
Whether you're a graphic designer, interior decorator, or branding expert, the Vibrant Electric Color Palette offers a versatile and stylish foundation for your next project.
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.923 0.002 325.59) | #e6e5e6 | hsl(300, 2%, 90%) |
|
|
| 100 | oklch(0.828 0.002 325.59) | #c7c6c7 | hsl(300, 1%, 78%) |
|
|
| 200 | oklch(0.730 0.003 345.24) | #a9a7a8 | hsl(330, 1%, 66%) |
|
|
| 300 | oklch(0.627 0.005 337.41) | #8a8789 | hsl(320, 1%, 54%) |
|
|
| 400 | oklch(0.521 0.005 337.45) | #6b686a | hsl(320, 1%, 41%) |
|
|
| 500 | oklch(0.411 0.003 345.34) | #4c4a4b | hsl(330, 1%, 29%) |
|
|
| 600 | oklch(0.374 0.003 345.37) | #424041 | hsl(330, 2%, 25%) |
|
|
| 700 | oklch(0.335 0.003 345.40) | #383637 | hsl(330, 2%, 22%) |
|
|
| 800 | oklch(0.298 0.001 17.24) | #2e2d2d | hsl(0, 1%, 18%) |
|
|
| 900 | oklch(0.257 0.001 17.25) | #242323 | hsl(0, 1%, 14%) |
|
|
| 950 | oklch(0.215 0.002 325.66) | #1a191a | hsl(300, 2%, 10%) |
|
| 50 | oklch(0.896 0.064 350.73) | #ffcce2 | hsl(334, 100%, 90%) |
|
|
| 100 | oklch(0.815 0.119 352.42) | #fea2ca | hsl(334, 98%, 82%) |
|
|
| 200 | oklch(0.745 0.173 354.95) | #fe78b2 | hsl(334, 99%, 73%) |
|
|
| 300 | oklch(0.690 0.220 358.25) | #fe4e9a | hsl(334, 99%, 65%) |
|
|
| 400 | oklch(0.651 0.248 2.62) | #fd2382 | hsl(334, 98%, 56%) |
|
|
| 500 | oklch(0.620 0.248 7.45) | #f4026b | hsl(334, 98%, 48%) |
|
|
| 600 | oklch(0.545 0.218 6.99) | #cd025a | hsl(334, 98%, 41%) |
|
|
| 700 | oklch(0.468 0.187 6.49) | #a70149 | hsl(334, 99%, 33%) |
|
|
| 800 | oklch(0.386 0.154 5.50) | #800138 | hsl(334, 98%, 25%) |
|
|
| 900 | oklch(0.300 0.119 3.79) | #590127 | hsl(334, 98%, 18%) |
|
|
| 950 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
| 50 | oklch(0.897 0.066 346.45) | #ffcce6 | hsl(329, 100%, 90%) |
|
|
| 100 | oklch(0.844 0.104 347.81) | #ffb0d8 | hsl(330, 100%, 85%) |
|
|
| 200 | oklch(0.796 0.141 349.44) | #ff95ca | hsl(330, 100%, 79%) |
|
|
| 300 | oklch(0.751 0.178 350.98) | #ff79bc | hsl(330, 100%, 74%) |
|
|
| 400 | oklch(0.714 0.210 352.57) | #ff5eaf | hsl(330, 100%, 68%) |
|
|
| 500 | oklch(0.683 0.236 354.82) | #ff42a1 | hsl(330, 100%, 63%) |
|
|
| 600 | oklch(0.649 0.259 0.83) | #ff0c86 | hsl(330, 100%, 52%) |
|
|
| 700 | oklch(0.564 0.228 2.04) | #d5006b | hsl(330, 100%, 42%) |
|
|
| 800 | oklch(0.454 0.184 1.17) | #9f0050 | hsl(330, 100%, 31%) |
|
|
| 900 | oklch(0.338 0.137 359.52) | #690035 | hsl(330, 100%, 21%) |
|
|
| 950 | oklch(0.210 0.086 355.18) | #33001a | hsl(329, 100%, 10%) |
|
| 50 | oklch(0.893 0.060 1.38) | #ffccd9 | hsl(345, 100%, 90%) |
|
|
| 100 | oklch(0.868 0.074 1.66) | #fec0d0 | hsl(345, 97%, 87%) |
|
|
| 200 | oklch(0.844 0.089 3.16) | #feb4c6 | hsl(345, 97%, 85%) |
|
|
| 300 | oklch(0.821 0.104 3.69) | #fea8bd | hsl(345, 98%, 83%) |
|
|
| 400 | oklch(0.799 0.120 4.29) | #fe9cb4 | hsl(345, 98%, 80%) |
|
|
| 500 | oklch(0.778 0.135 4.97) | #fe90ab | hsl(345, 98%, 78%) |
|
|
| 600 | oklch(0.676 0.214 10.56) | #fd4b77 | hsl(345, 98%, 64%) |
|
|
| 700 | oklch(0.630 0.251 20.18) | #fd0643 | hsl(345, 98%, 51%) |
|
|
| 800 | oklch(0.504 0.201 20.20) | #bc022f | hsl(345, 98%, 37%) |
|
|
| 900 | oklch(0.361 0.144 18.30) | #77011e | hsl(345, 98%, 24%) |
|
|
| 950 | oklch(0.205 0.082 11.77) | #33000d | hsl(345, 100%, 10%) |
|
| 50 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 100 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 200 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 300 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 400 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 500 | oklch(0.891 0.058 11.70) | #ffccd1 | hsl(354, 100%, 90%) |
|
|
| 600 | oklch(0.737 0.162 15.87) | #ff7a87 | hsl(354, 100%, 74%) |
|
|
| 700 | oklch(0.644 0.242 23.51) | #ff293e | hsl(354, 100%, 58%) |
|
|
| 800 | oklch(0.551 0.225 27.25) | #d60015 | hsl(354, 100%, 42%) |
|
|
| 900 | oklch(0.388 0.158 26.22) | #85000d | hsl(354, 100%, 26%) |
|
|
| 950 | oklch(0.203 0.082 21.65) | #330005 | hsl(354, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
