Edgy Sophistication Color Palette
This vibrant palette bursts with edgy sophistication, blending deep burgundy (#33242b) and electric pink (#e30842) with fiery coral (#fc4630), radiant orange (#ff9317), and a zesty pop of lime green (#c4ff0d), evoking a bold, modern energy that's both adventurous and playful.
Practical uses and creative applications
The Edgy Sophistication Color Palette is a striking combination of deep, moody hues and vibrant accents, making it an ideal choice for modern branding and web design. With its rich base of #33242b, this palette exudes a sense of luxury and depth, while bold colors like #e30842 and #fc4630 inject a level of energy and passion.
This contrast makes it perfect for brands looking to convey a strong identity that balances elegance with an adventurous spirit. Designers and creatives can harness the Edgy Sophistication Color Palette for various applications, including packaging designs that stand out on crowded shelves or interior spaces that evoke a sense of drama and modernity.
The vibrant #ff9317 and fresh #c4ff0d provide a lively touch, making it suitable for artistic businesses, fashion labels, and tech startups aiming to attract a youthful, dynamic audience. Whether you're crafting a sleek website or designing an eye-catching product, this palette creates an unforgettable impression that resonates with contemporary aesthetics.
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.918 0.011 348.45) | #eae1e5 | hsl(333, 18%, 90%) |
|
|
| 100 | oklch(0.795 0.029 346.08) | #cbb5c0 | hsl(330, 17%, 75%) |
|
|
| 200 | oklch(0.670 0.047 348.48) | #ac8a9a | hsl(332, 17%, 61%) |
|
|
| 300 | oklch(0.544 0.058 349.15) | #8a6275 | hsl(332, 17%, 46%) |
|
|
| 400 | oklch(0.418 0.043 349.66) | #5f4350 | hsl(332, 17%, 32%) |
|
|
| 500 | oklch(0.281 0.026 349.23) | #33242b | hsl(332, 17%, 17%) |
|
|
| 600 | oklch(0.267 0.024 351.34) | #2f2127 | hsl(334, 18%, 16%) |
|
|
| 700 | oklch(0.253 0.023 349.48) | #2b1e24 | hsl(332, 18%, 14%) |
|
|
| 800 | oklch(0.238 0.019 349.68) | #261b20 | hsl(333, 17%, 13%) |
|
|
| 900 | oklch(0.224 0.018 347.17) | #22181d | hsl(330, 17%, 11%) |
|
|
| 950 | oklch(0.209 0.016 350.16) | #1e1519 | hsl(333, 18%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.055 1.21) | #fdceda | hsl(345, 92%, 90%) |
|
|
| 100 | oklch(0.808 0.110 2.52) | #fca2ba | hsl(344, 94%, 81%) |
|
|
| 200 | oklch(0.731 0.163 5.15) | #fa779a | hsl(344, 93%, 72%) |
|
|
| 300 | oklch(0.671 0.210 9.09) | #f94c7a | hsl(344, 94%, 64%) |
|
|
| 400 | oklch(0.630 0.238 14.88) | #f72159 | hsl(344, 93%, 55%) |
|
|
| 500 | oklch(0.582 0.231 18.37) | #e30842 | hsl(344, 93%, 46%) |
|
|
| 600 | oklch(0.512 0.202 17.78) | #bf0738 | hsl(344, 93%, 39%) |
|
|
| 700 | oklch(0.441 0.174 17.42) | #9c052d | hsl(344, 94%, 32%) |
|
|
| 800 | oklch(0.366 0.143 16.22) | #780423 | hsl(344, 94%, 24%) |
|
|
| 900 | oklch(0.289 0.112 14.36) | #550319 | hsl(344, 93%, 17%) |
|
|
| 950 | oklch(0.204 0.076 11.04) | #31020e | hsl(345, 92%, 10%) |
|
dsfds
| 50 | oklch(0.900 0.050 25.71) | #fed2cd | hsl(6, 96%, 90%) |
|
|
| 100 | oklch(0.841 0.085 27.00) | #feb6ad | hsl(7, 98%, 84%) |
|
|
| 200 | oklch(0.785 0.121 27.54) | #fd9a8e | hsl(6, 97%, 77%) |
|
|
| 300 | oklch(0.736 0.158 28.39) | #fd7e6f | hsl(6, 97%, 71%) |
|
|
| 400 | oklch(0.691 0.192 29.79) | #fc624f | hsl(7, 97%, 65%) |
|
|
| 500 | oklch(0.658 0.221 30.57) | #fc4630 | hsl(6, 97%, 59%) |
|
|
| 600 | oklch(0.621 0.244 30.41) | #f71e04 | hsl(6, 97%, 49%) |
|
|
| 700 | oklch(0.527 0.206 30.58) | #c61803 | hsl(6, 97%, 39%) |
|
|
| 800 | oklch(0.426 0.164 30.93) | #941202 | hsl(7, 97%, 29%) |
|
|
| 900 | oklch(0.322 0.121 31.80) | #630c01 | hsl(7, 98%, 20%) |
|
|
| 950 | oklch(0.209 0.073 33.46) | #320601 | hsl(6, 96%, 10%) |
|
dsfds
| 50 | oklch(0.940 0.044 70.53) | #ffe7cc | hsl(32, 100%, 90%) |
|
|
| 100 | oklch(0.900 0.075 69.86) | #ffd6a8 | hsl(32, 100%, 83%) |
|
|
| 200 | oklch(0.863 0.105 69.77) | #ffc684 | hsl(32, 100%, 76%) |
|
|
| 300 | oklch(0.827 0.134 68.17) | #ffb55f | hsl(32, 100%, 69%) |
|
|
| 400 | oklch(0.793 0.156 65.14) | #ffa43b | hsl(32, 100%, 62%) |
|
|
| 500 | oklch(0.762 0.173 60.44) | #ff9317 | hsl(32, 100%, 55%) |
|
|
| 600 | oklch(0.696 0.169 56.59) | #e97c00 | hsl(32, 100%, 46%) |
|
|
| 700 | oklch(0.593 0.142 57.62) | #bb6400 | hsl(32, 100%, 37%) |
|
|
| 800 | oklch(0.487 0.115 58.84) | #8e4c00 | hsl(32, 100%, 28%) |
|
|
| 900 | oklch(0.373 0.086 61.80) | #603400 | hsl(33, 100%, 19%) |
|
|
| 950 | oklch(0.249 0.056 65.91) | #331b00 | hsl(32, 100%, 10%) |
|
dsfds
| 50 | oklch(0.978 0.067 118.41) | #f3ffcc | hsl(74, 100%, 90%) |
|
|
| 100 | oklch(0.964 0.115 119.90) | #e9ffa6 | hsl(75, 100%, 83%) |
|
|
| 200 | oklch(0.952 0.157 120.80) | #e0ff80 | hsl(75, 100%, 75%) |
|
|
| 300 | oklch(0.942 0.192 121.84) | #d7ff59 | hsl(74, 100%, 67%) |
|
|
| 400 | oklch(0.933 0.217 123.38) | #cdff33 | hsl(75, 100%, 60%) |
|
|
| 500 | oklch(0.926 0.231 124.91) | #c4ff0d | hsl(75, 100%, 53%) |
|
|
| 600 | oklch(0.840 0.212 125.45) | #aae100 | hsl(75, 100%, 44%) |
|
|
| 700 | oklch(0.715 0.180 125.20) | #89b500 | hsl(75, 100%, 35%) |
|
|
| 800 | oklch(0.586 0.147 125.09) | #688a00 | hsl(75, 100%, 27%) |
|
|
| 900 | oklch(0.447 0.112 124.47) | #475e00 | hsl(75, 100%, 18%) |
|
|
| 950 | oklch(0.299 0.073 122.78) | #273300 | hsl(74, 100%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
