Edgy Color Palette for Bold Designs
This striking palette blends the boldness of black with vibrant magenta, electric yellow, warm orange, and deep violet, creating an edgy, energetic vibe that exudes confidence and a touch of playfulness.
Practical uses and creative applications
The Edgy Color Palette for Bold Designs is a striking combination of deep black (#000000), vibrant fuchsia (#ed0b65), rich yellow-green (#b2a700), bright orange (#fcae11), and a captivating purple (#770493). This palette is ideal for brands and creatives looking to make a powerful statement.
Whether you're designing a website, creating eye-catching packaging, or revamping interior spaces, this dynamic color scheme evokes a sense of modernity and confidence, perfect for attracting a daring audience. Ideal for designers and creative professionals, the Edgy Color Palette lends itself beautifully to industries such as fashion, tech, and entertainment.
Its high-contrast colors can be utilized effectively in branding materials to establish a memorable identity, while web designers can use it to create visually compelling user interfaces that stand out in a crowded digital landscape. This palette also works well in interior design, where bold colors can transform a space into a vibrant, energetic environment, appealing to trendsetters and innovators alike.
Embrace this edgy palette to inspire creativity and resonate with a bold, adventurous clientele.
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.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
100 | oklch(0.783 0.000 89.88) | #b8b8b8 | hsl(0, 0%, 72%) |
|
|
200 | oklch(0.633 0.000 89.88) | #8a8a8a | hsl(0, 0%, 54%) |
|
|
300 | oklch(0.475 0.000 89.88) | #5c5c5c | hsl(0, 0%, 36%) |
|
|
400 | oklch(0.301 0.000 89.88) | #2e2e2e | hsl(0, 0%, 18%) |
|
|
500 | oklch(0.000 0.000 0.00) | #000000 | hsl(0, 0%, 0%) |
|
|
600 | oklch(0.115 0.000 89.88) | #050505 | hsl(0, 0%, 2%) |
|
|
700 | oklch(0.145 0.000 89.88) | #0a0a0a | hsl(0, 0%, 4%) |
|
|
800 | oklch(0.168 0.000 89.88) | #0f0f0f | hsl(0, 0%, 6%) |
|
|
900 | oklch(0.191 0.000 89.88) | #141414 | hsl(0, 0%, 8%) |
|
|
950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
50 | oklch(0.897 0.058 352.13) | #fdcee1 | hsl(336, 92%, 90%) |
|
|
100 | oklch(0.818 0.108 354.14) | #fba6c8 | hsl(336, 91%, 82%) |
|
|
200 | oklch(0.746 0.158 356.46) | #f97eaf | hsl(336, 91%, 74%) |
|
|
300 | oklch(0.685 0.204 359.35) | #f75596 | hsl(336, 91%, 65%) |
|
|
400 | oklch(0.641 0.235 3.64) | #f52d7d | hsl(336, 91%, 57%) |
|
|
500 | oklch(0.608 0.240 8.61) | #ed0b65 | hsl(336, 91%, 49%) |
|
|
600 | oklch(0.534 0.210 8.12) | #c70955 | hsl(336, 91%, 41%) |
|
|
700 | oklch(0.459 0.180 7.70) | #a20845 | hsl(336, 91%, 33%) |
|
|
800 | oklch(0.379 0.148 6.70) | #7c0635 | hsl(336, 91%, 25%) |
|
|
900 | oklch(0.295 0.113 4.88) | #560425 | hsl(336, 91%, 18%) |
|
|
950 | oklch(0.206 0.078 1.36) | #310215 | hsl(336, 92%, 10%) |
|
dsfds
50 | oklch(0.982 0.062 104.52) | #fffccc | hsl(56, 100%, 90%) |
|
|
100 | oklch(0.963 0.122 104.96) | #fff894 | hsl(56, 100%, 79%) |
|
|
200 | oklch(0.951 0.169 105.58) | #fff55c | hsl(56, 100%, 68%) |
|
|
300 | oklch(0.940 0.194 105.14) | #fff123 | hsl(56, 100%, 57%) |
|
|
400 | oklch(0.878 0.186 104.95) | #eadc00 | hsl(56, 100%, 46%) |
|
|
500 | oklch(0.715 0.152 104.87) | #b2a700 | hsl(56, 100%, 35%) |
|
|
600 | oklch(0.638 0.135 104.63) | #998f00 | hsl(56, 100%, 30%) |
|
|
700 | oklch(0.559 0.118 104.92) | #7f7700 | hsl(56, 100%, 25%) |
|
|
800 | oklch(0.479 0.102 105.38) | #666000 | hsl(56, 100%, 20%) |
|
|
900 | oklch(0.393 0.084 106.04) | #4c4800 | hsl(57, 100%, 15%) |
|
|
950 | oklch(0.303 0.064 105.89) | #333000 | hsl(56, 100%, 10%) |
|
dsfds
50 | oklch(0.953 0.046 85.19) | #feeecd | hsl(40, 96%, 90%) |
|
|
100 | oklch(0.920 0.081 84.32) | #fee1a7 | hsl(40, 98%, 83%) |
|
|
200 | oklch(0.888 0.111 83.68) | #fdd482 | hsl(40, 97%, 75%) |
|
|
300 | oklch(0.860 0.138 82.76) | #fdc85c | hsl(40, 98%, 68%) |
|
|
400 | oklch(0.831 0.156 80.30) | #fcbb37 | hsl(40, 97%, 60%) |
|
|
500 | oklch(0.806 0.167 75.92) | #fcae11 | hsl(40, 98%, 53%) |
|
|
600 | oklch(0.728 0.154 74.26) | #df9603 | hsl(40, 97%, 44%) |
|
|
700 | oklch(0.622 0.131 74.80) | #b47902 | hsl(40, 98%, 36%) |
|
|
800 | oklch(0.509 0.106 76.22) | #885c02 | hsl(40, 97%, 27%) |
|
|
900 | oklch(0.392 0.081 78.01) | #5d3f01 | hsl(40, 98%, 18%) |
|
|
950 | oklch(0.265 0.053 81.74) | #322201 | hsl(40, 96%, 10%) |
|
dsfds
50 | oklch(0.897 0.078 319.32) | #f4cdfe | hsl(288, 96%, 90%) |
|
|
100 | oklch(0.782 0.171 319.56) | #e791fc | hsl(288, 95%, 78%) |
|
|
200 | oklch(0.689 0.251 319.24) | #da55fa | hsl(288, 94%, 66%) |
|
|
300 | oklch(0.630 0.296 317.67) | #cd19f9 | hsl(288, 95%, 54%) |
|
|
400 | oklch(0.542 0.261 317.22) | #a806cf | hsl(288, 94%, 42%) |
|
|
500 | oklch(0.422 0.202 317.36) | #770493 | hsl(288, 95%, 30%) |
|
|
600 | oklch(0.381 0.183 317.21) | #670380 | hsl(288, 95%, 26%) |
|
|
700 | oklch(0.339 0.161 317.44) | #57036c | hsl(288, 95%, 22%) |
|
|
800 | oklch(0.297 0.141 317.93) | #480259 | hsl(288, 96%, 18%) |
|
|
900 | oklch(0.252 0.118 318.41) | #380245 | hsl(288, 94%, 14%) |
|
|
950 | oklch(0.205 0.096 318.45) | #280132 | hsl(288, 96%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.