Modern Edgy Color Palette
This striking palette blends the deep sophistication of black and navy with vibrant bursts of hot pink and crisp white, creating a modern, edgy vibe that balances boldness with sleek elegance.
Practical uses and creative applications
The Modern Edgy Color Palette is a striking combination that expertly blends boldness with sophistication, making it an ideal choice for designers looking to make a statement. Featuring deep blacks (#000000) and rich navy (#16213B) accented by vibrant fuchsia (#FF1779), this palette evokes a sense of contemporary flair.
The contrasting soft tones of light gray (#E6E6E6) and crisp white (#FFFFFF) provide balance, ensuring that your design remains visually engaging without overwhelming the viewer. This palette is perfect for branding initiatives that aim to convey a modern, cutting-edge identity.
It's particularly suited for businesses in the fashion, tech, or creative industries, where a bold aesthetic can set a brand apart from the competition. Whether you're designing a website, creating packaging, or refreshing interior spaces, the Modern Edgy Color Palette offers versatility that appeals to both designers and creatives seeking to inspire and provoke.
Its dynamic color scheme fosters a mood of innovation and energy, making it an excellent choice for any project that seeks to capture attention and leave a lasting impression.
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.909 0.023 266.90) | #dae1f1 | hsl(222, 45%, 90%) |
|
|
| 100 | oklch(0.771 0.062 267.30) | #a3b4dd | hsl(222, 46%, 75%) |
|
|
| 200 | oklch(0.630 0.103 266.30) | #6c87c8 | hsl(222, 46%, 60%) |
|
|
| 300 | oklch(0.499 0.124 264.70) | #3f5fa9 | hsl(222, 46%, 45%) |
|
|
| 400 | oklch(0.381 0.090 265.25) | #2b4072 | hsl(222, 45%, 31%) |
|
|
| 500 | oklch(0.252 0.052 265.51) | #16213b | hsl(222, 46%, 16%) |
|
|
| 600 | oklch(0.243 0.049 264.42) | #141f37 | hsl(221, 47%, 15%) |
|
|
| 700 | oklch(0.230 0.045 266.12) | #131c32 | hsl(223, 45%, 14%) |
|
|
| 800 | oklch(0.220 0.042 264.83) | #111a2e | hsl(221, 46%, 12%) |
|
|
| 900 | oklch(0.208 0.040 265.75) | #0f172a | hsl(222, 47%, 11%) |
|
|
| 950 | oklch(0.198 0.034 265.43) | #0e1525 | hsl(222, 45%, 10%) |
|
dsfds
| 50 | oklch(0.896 0.064 350.73) | #ffcce2 | hsl(334, 100%, 90%) |
|
|
| 100 | oklch(0.827 0.111 352.70) | #ffa8cd | hsl(334, 100%, 83%) |
|
|
| 200 | oklch(0.765 0.159 354.83) | #ff84b8 | hsl(335, 100%, 76%) |
|
|
| 300 | oklch(0.711 0.203 357.27) | #ff5fa3 | hsl(335, 100%, 69%) |
|
|
| 400 | oklch(0.672 0.236 0.70) | #ff3b8e | hsl(335, 100%, 62%) |
|
|
| 500 | oklch(0.648 0.253 5.27) | #ff1779 | hsl(335, 100%, 55%) |
|
|
| 600 | oklch(0.598 0.239 8.69) | #e90062 | hsl(335, 100%, 46%) |
|
|
| 700 | oklch(0.507 0.203 7.93) | #bb004f | hsl(335, 100%, 37%) |
|
|
| 800 | oklch(0.415 0.166 6.95) | #8e003c | hsl(335, 100%, 28%) |
|
|
| 900 | oklch(0.315 0.126 4.81) | #600029 | hsl(334, 100%, 19%) |
|
|
| 950 | oklch(0.208 0.084 0.28) | #330016 | hsl(334, 100%, 10%) |
|
dsfds
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 200 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 300 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 400 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 500 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 600 | oklch(0.798 0.000 89.88) | #bdbdbd | hsl(0, 0%, 74%) |
|
|
| 700 | oklch(0.667 0.000 89.88) | #949494 | hsl(0, 0%, 58%) |
|
|
| 800 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 900 | oklch(0.379 0.000 89.88) | #424242 | hsl(0, 0%, 26%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 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%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
