Bold Electric Color Palette
This palette exudes a bold, energetic vibe with deep indigo and striking electric blue, contrasted by crisp white and vibrant pinks, evoking a playful yet modern aesthetic perfect for creative expression.
Practical uses and creative applications
The Bold Electric Color Palette is a striking combination that effortlessly commands attention, making it an ideal choice for designers looking to create a vibrant and energetic atmosphere. Featuring deep navy (#0F011E), bright electric blue (#00A4FF), pure white (#FFFFFF), vivid pink (#FF0069), and soft blush (#FF60A0), this palette is perfect for branding projects that aim to stand out in a crowded marketplace.
Whether you’re designing a logo, marketing materials, or a modern website, these colors can evoke a sense of creativity and passion, appealing to tech-savvy audiences and youth-centric brands. Web design and packaging are other areas where the Bold Electric Color Palette truly shines.
The contrast between the dark and light shades allows for dynamic layouts that can enhance user experience and draw the eye to key elements. Creative professionals looking to craft engaging interiors will find that this palette injects a sense of playfulness and innovation, making it suitable for spaces like co-working areas, cafes, or studios.
Ultimately, this palette is tailored for those looking to make a bold statement in their creative endeavors, from graphic designers to branding specialists.
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.885 0.068 307.15) | #e5cefd | hsl(269, 92%, 90%) |
|
|
| 100 | oklch(0.699 0.187 303.97) | #b87bfb | hsl(269, 94%, 73%) |
|
|
| 200 | oklch(0.553 0.273 297.91) | #8c28f8 | hsl(269, 94%, 56%) |
|
|
| 300 | oklch(0.439 0.238 294.20) | #6207c4 | hsl(269, 93%, 40%) |
|
|
| 400 | oklch(0.298 0.158 295.57) | #380471 | hsl(269, 93%, 23%) |
|
|
| 500 | oklch(0.138 0.066 303.97) | #0f011e | hsl(269, 94%, 6%) |
|
|
| 600 | oklch(0.146 0.071 303.07) | #110122 | hsl(269, 94%, 7%) |
|
|
| 700 | oklch(0.154 0.077 302.29) | #130126 | hsl(269, 95%, 8%) |
|
|
| 800 | oklch(0.162 0.082 301.61) | #15012a | hsl(269, 95%, 8%) |
|
|
| 900 | oklch(0.172 0.083 301.29) | #17022d | hsl(269, 91%, 9%) |
|
|
| 950 | oklch(0.179 0.088 300.77) | #190231 | hsl(269, 92%, 10%) |
|
dsfds
| 50 | oklch(0.928 0.042 231.71) | #ccedff | hsl(201, 100%, 90%) |
|
|
| 100 | oklch(0.872 0.076 233.26) | #a3deff | hsl(202, 100%, 82%) |
|
|
| 200 | oklch(0.821 0.107 234.04) | #7ad0ff | hsl(201, 100%, 74%) |
|
|
| 300 | oklch(0.773 0.134 236.72) | #52c1ff | hsl(202, 100%, 66%) |
|
|
| 400 | oklch(0.731 0.156 239.70) | #29b3ff | hsl(201, 100%, 58%) |
|
|
| 500 | oklch(0.694 0.173 244.60) | #00a4ff | hsl(201, 100%, 50%) |
|
|
| 600 | oklch(0.610 0.151 244.05) | #008ad6 | hsl(201, 100%, 42%) |
|
|
| 700 | oklch(0.524 0.127 243.24) | #0070ad | hsl(201, 100%, 34%) |
|
|
| 800 | oklch(0.432 0.105 243.27) | #005585 | hsl(202, 100%, 26%) |
|
|
| 900 | oklch(0.337 0.079 241.48) | #003b5c | hsl(202, 100%, 18%) |
|
|
| 950 | oklch(0.235 0.051 237.09) | #002133 | hsl(201, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.940 0.000 89.88) | #ebebeb | hsl(0, 0%, 92%) |
|
|
| 200 | oklch(0.955 0.000 89.88) | #f0f0f0 | hsl(0, 0%, 94%) |
|
|
| 300 | oklch(0.970 0.000 89.88) | #f5f5f5 | hsl(0, 0%, 96%) |
|
|
| 400 | oklch(0.985 0.000 89.88) | #fafafa | hsl(0, 0%, 98%) |
|
|
| 500 | oklch(1.000 0.000 89.88) | #ffffff | hsl(0, 0%, 100%) |
|
|
| 600 | oklch(0.861 0.000 89.88) | #d1d1d1 | hsl(0, 0%, 82%) |
|
|
| 700 | oklch(0.715 0.000 89.88) | #a3a3a3 | hsl(0, 0%, 64%) |
|
|
| 800 | oklch(0.562 0.000 89.88) | #757575 | hsl(0, 0%, 46%) |
|
|
| 900 | oklch(0.398 0.000 89.88) | #474747 | hsl(0, 0%, 28%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.063 351.85) | #ffcce1 | hsl(335, 100%, 90%) |
|
|
| 100 | oklch(0.818 0.118 353.66) | #ffa3c9 | hsl(335, 100%, 82%) |
|
|
| 200 | oklch(0.749 0.171 356.01) | #ff7ab1 | hsl(335, 100%, 74%) |
|
|
| 300 | oklch(0.695 0.216 359.30) | #ff5299 | hsl(335, 100%, 66%) |
|
|
| 400 | oklch(0.657 0.246 3.64) | #ff2981 | hsl(335, 100%, 58%) |
|
|
| 500 | oklch(0.639 0.256 9.60) | #ff0069 | hsl(335, 100%, 50%) |
|
|
| 600 | oklch(0.560 0.224 9.19) | #d60058 | hsl(335, 100%, 42%) |
|
|
| 700 | oklch(0.479 0.192 8.60) | #ad0047 | hsl(335, 100%, 34%) |
|
|
| 800 | oklch(0.395 0.158 7.37) | #850037 | hsl(335, 100%, 26%) |
|
|
| 900 | oklch(0.305 0.122 5.60) | #5c0026 | hsl(335, 100%, 18%) |
|
|
| 950 | oklch(0.207 0.084 1.57) | #330015 | hsl(335, 100%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.063 351.85) | #ffcce1 | hsl(335, 100%, 90%) |
|
|
| 100 | oklch(0.853 0.092 352.86) | #ffb6d4 | hsl(335, 100%, 86%) |
|
|
| 200 | oklch(0.814 0.120 354.28) | #ffa1c7 | hsl(336, 100%, 82%) |
|
|
| 300 | oklch(0.776 0.149 355.45) | #ff8bba | hsl(336, 100%, 77%) |
|
|
| 400 | oklch(0.742 0.175 357.02) | #ff76ad | hsl(336, 100%, 73%) |
|
|
| 500 | oklch(0.711 0.201 358.60) | #ff60a0 | hsl(336, 100%, 69%) |
|
|
| 600 | oklch(0.654 0.248 4.96) | #ff247c | hsl(336, 100%, 57%) |
|
|
| 700 | oklch(0.593 0.237 10.06) | #e7005d | hsl(336, 100%, 45%) |
|
|
| 800 | oklch(0.474 0.190 9.08) | #ab0045 | hsl(336, 100%, 34%) |
|
|
| 900 | oklch(0.347 0.139 7.15) | #6f002d | hsl(336, 100%, 22%) |
|
|
| 950 | oklch(0.207 0.084 1.57) | #330015 | hsl(335, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
