Modern Edgy Color Palette
This palette exudes a modern, edgy vibe with its cool grays and vibrant teal, punctuated by bold magenta and deep black, creating a striking contrast that feels both sleek and invigorating.
Practical uses and creative applications
The Modern Edgy Color Palette is a striking combination of bold hues and muted tones that seamlessly blends sophistication with a daring attitude. Featuring a soft gray (#d2d2d2) as its base, this palette introduces vibrant teal shades (#58afb8 and #269199) that evoke a sense of tranquility, while the eye-catching magenta (#ec225e) injects energy and excitement.
The deep, nearly black tone (#020305) anchors the palette, making it perfect for creating a dramatic contrast that captivates attention. This palette is ideal for designers and creatives looking to make a statement in branding, web design, or packaging.
Its modern and edgy vibe is perfect for businesses in the tech, fashion, or lifestyle sectors that want to stand out in a crowded market. Whether you're designing an innovative website, eye-catching product packaging, or a stylish interior space, the Modern Edgy Color Palette helps convey a contemporary yet daring mood that resonates with a bold audience.
For those seeking to evoke a sense of modernity and confidence, this palette suits a variety of styles, from minimalistic to maximalist designs. Its versatile colors can easily adapt to various projects, making it a favorite choice for graphic designers, marketing professionals, and interior decorators alike.
Embrace the edgy aesthetic and elevate your creative projects with this powerful color palette!.
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.913 0.000 89.88) | #e2e2e2 | hsl(0, 0%, 89%) |
|
|
| 200 | oklch(0.901 0.000 89.88) | #dedede | hsl(0, 0%, 87%) |
|
|
| 300 | oklch(0.888 0.000 89.88) | #dadada | hsl(0, 0%, 85%) |
|
|
| 400 | oklch(0.876 0.000 89.88) | #d6d6d6 | hsl(0, 0%, 84%) |
|
|
| 500 | oklch(0.864 0.000 89.88) | #d2d2d2 | hsl(0, 0%, 82%) |
|
|
| 600 | oklch(0.748 0.000 89.88) | #adadad | hsl(0, 0%, 68%) |
|
|
| 700 | oklch(0.627 0.000 89.88) | #888888 | hsl(0, 0%, 53%) |
|
|
| 800 | oklch(0.500 0.000 89.88) | #636363 | hsl(0, 0%, 39%) |
|
|
| 900 | oklch(0.364 0.000 89.88) | #3e3e3e | hsl(0, 0%, 24%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
dsfds
| 50 | oklch(0.936 0.020 204.42) | #dbeef0 | hsl(186, 41%, 90%) |
|
|
| 100 | oklch(0.888 0.034 205.76) | #c1e1e5 | hsl(187, 41%, 83%) |
|
|
| 200 | oklch(0.842 0.048 202.88) | #a7d5d9 | hsl(185, 40%, 75%) |
|
|
| 300 | oklch(0.794 0.062 203.83) | #8cc8ce | hsl(185, 40%, 68%) |
|
|
| 400 | oklch(0.750 0.074 203.45) | #72bcc3 | hsl(185, 40%, 61%) |
|
|
| 500 | oklch(0.704 0.085 204.36) | #58afb8 | hsl(186, 40%, 53%) |
|
|
| 600 | oklch(0.629 0.081 204.93) | #4497a0 | hsl(186, 40%, 45%) |
|
|
| 700 | oklch(0.539 0.068 204.55) | #377a81 | hsl(186, 40%, 36%) |
|
|
| 800 | oklch(0.446 0.055 203.94) | #2a5d62 | hsl(185, 40%, 27%) |
|
|
| 900 | oklch(0.343 0.041 205.26) | #1c3f43 | hsl(186, 41%, 19%) |
|
|
| 950 | oklch(0.237 0.025 204.36) | #0f2224 | hsl(186, 41%, 10%) |
|
dsfds
| 50 | oklch(0.944 0.030 201.72) | #d6f3f5 | hsl(184, 61%, 90%) |
|
|
| 100 | oklch(0.886 0.060 201.37) | #abe6ea | hsl(184, 60%, 79%) |
|
|
| 200 | oklch(0.832 0.086 202.15) | #80d9e0 | hsl(184, 61%, 69%) |
|
|
| 300 | oklch(0.782 0.106 202.14) | #55ccd5 | hsl(184, 60%, 58%) |
|
|
| 400 | oklch(0.723 0.112 202.40) | #31bac4 | hsl(184, 60%, 48%) |
|
|
| 500 | oklch(0.602 0.093 202.52) | #269199 | hsl(184, 60%, 37%) |
|
|
| 600 | oklch(0.538 0.083 202.62) | #207c83 | hsl(184, 61%, 32%) |
|
|
| 700 | oklch(0.469 0.071 202.92) | #1b666c | hsl(184, 60%, 26%) |
|
|
| 800 | oklch(0.400 0.060 203.17) | #155156 | hsl(185, 61%, 21%) |
|
|
| 900 | oklch(0.328 0.047 201.58) | #103c3f | hsl(184, 59%, 15%) |
|
|
| 950 | oklch(0.252 0.034 201.53) | #0a2729 | hsl(184, 61%, 10%) |
|
dsfds
| 50 | oklch(0.898 0.051 358.09) | #fbd0dd | hsl(342, 84%, 90%) |
|
|
| 100 | oklch(0.825 0.092 0.13) | #f8adc3 | hsl(342, 84%, 83%) |
|
|
| 200 | oklch(0.757 0.134 1.64) | #f58aaa | hsl(342, 84%, 75%) |
|
|
| 300 | oklch(0.698 0.173 4.13) | #f26891 | hsl(342, 84%, 68%) |
|
|
| 400 | oklch(0.648 0.207 7.65) | #ef4577 | hsl(342, 84%, 60%) |
|
|
| 500 | oklch(0.612 0.229 12.05) | #ec225e | hsl(342, 84%, 53%) |
|
|
| 600 | oklch(0.551 0.213 14.13) | #d0124a | hsl(342, 84%, 44%) |
|
|
| 700 | oklch(0.471 0.181 13.46) | #a80e3c | hsl(342, 85%, 36%) |
|
|
| 800 | oklch(0.388 0.147 12.53) | #800b2e | hsl(342, 84%, 27%) |
|
|
| 900 | oklch(0.298 0.110 11.44) | #57081f | hsl(343, 83%, 19%) |
|
|
| 950 | oklch(0.203 0.071 7.24) | #2f0411 | hsl(342, 84%, 10%) |
|
dsfds
| 50 | oklch(0.912 0.021 264.47) | #dbe2f0 | hsl(220, 41%, 90%) |
|
|
| 100 | oklch(0.750 0.063 264.53) | #9aaed7 | hsl(220, 43%, 72%) |
|
|
| 200 | oklch(0.587 0.109 262.75) | #597bbd | hsl(220, 43%, 55%) |
|
|
| 300 | oklch(0.438 0.095 263.53) | #365086 | hsl(221, 43%, 37%) |
|
|
| 400 | oklch(0.287 0.055 263.18) | #1c2a46 | hsl(220, 43%, 19%) |
|
|
| 500 | oklch(0.096 0.009 258.70) | #020305 | hsl(220, 43%, 1%) |
|
|
| 600 | oklch(0.128 0.011 259.64) | #05070b | hsl(220, 38%, 3%) |
|
|
| 700 | oklch(0.149 0.017 259.92) | #070b12 | hsl(218, 44%, 5%) |
|
|
| 800 | oklch(0.165 0.022 267.23) | #0a0e18 | hsl(223, 41%, 7%) |
|
|
| 900 | oklch(0.183 0.027 263.59) | #0c121e | hsl(220, 43%, 8%) |
|
|
| 950 | oklch(0.201 0.030 263.54) | #0f1624 | hsl(220, 41%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
