Vibrant Modern Color Palette
This palette exudes a vibrant, modern energy with a fresh lime green, deep royal purple, and rich indigo, all anchored by sleek dark grays, creating a striking contrast between playful vitality and sophisticated elegance.
Practical uses and creative applications
The Vibrant Modern Color Palette is a striking combination of bright and bold hues, perfect for those seeking to make a memorable impact in their designs. Featuring energizing shades like the fresh green of #D3FC72, paired with the deep, luxurious purple of #56319A and the grounding tones of #342067, #1A1A1A, and #0D0D0D, this palette is ideal for branding and web design projects that aim to convey a contemporary, dynamic aesthetic.
Whether you're designing a trendy website or crafting eye-catching packaging, these colors work harmoniously to create a visually stimulating experience that grabs attention. Ideal for designers, marketers, and creatives looking to infuse energy into their projects, the Vibrant Modern Color Palette suits a variety of styles and moods.
Its bold contrasts and modern appeal make it perfect for tech startups, fashion brands, or any business striving for a youthful and innovative image. Additionally, this palette can be utilized in interior design, where the vibrant colors can energize a space, making it feel fresh and inviting.
Whether you're decorating a creative studio or designing an engaging social media campaign, this palette offers endless possibilities for expressive and modern design.
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.
| 50 | oklch(0.974 0.066 121.45) | #effecd | hsl(78, 96%, 90%) |
|
|
| 100 | oklch(0.966 0.089 121.57) | #eafebb | hsl(78, 97%, 86%) |
|
|
| 200 | oklch(0.957 0.110 121.97) | #e4fda9 | hsl(78, 95%, 83%) |
|
|
| 300 | oklch(0.949 0.133 122.63) | #defd96 | hsl(78, 96%, 79%) |
|
|
| 400 | oklch(0.941 0.152 122.72) | #d9fc84 | hsl(78, 95%, 75%) |
|
|
| 500 | oklch(0.935 0.171 123.50) | #d3fc72 | hsl(78, 96%, 72%) |
|
|
| 600 | oklch(0.915 0.218 125.69) | #c0fb34 | hsl(78, 96%, 59%) |
|
|
| 700 | oklch(0.862 0.224 127.80) | #a7eb05 | hsl(78, 96%, 47%) |
|
|
| 800 | oklch(0.686 0.177 127.53) | #7bad04 | hsl(78, 95%, 35%) |
|
|
| 900 | oklch(0.501 0.129 127.26) | #4f7002 | hsl(78, 96%, 22%) |
|
|
| 950 | oklch(0.293 0.073 125.87) | #233201 | hsl(78, 96%, 10%) |
|
| 50 | oklch(0.898 0.038 302.45) | #e2d8f3 | hsl(262, 53%, 90%) |
|
|
| 100 | oklch(0.794 0.077 301.07) | #c4b1e6 | hsl(262, 51%, 80%) |
|
|
| 200 | oklch(0.693 0.117 299.66) | #a78bda | hsl(261, 52%, 70%) |
|
|
| 300 | oklch(0.589 0.158 297.42) | #8964ce | hsl(261, 52%, 60%) |
|
|
| 400 | oklch(0.492 0.194 294.47) | #6c3dc1 | hsl(261, 52%, 50%) |
|
|
| 500 | oklch(0.420 0.162 294.58) | #56319a | hsl(261, 52%, 40%) |
|
|
| 600 | oklch(0.377 0.142 294.63) | #492a83 | hsl(261, 51%, 34%) |
|
|
| 700 | oklch(0.330 0.122 294.99) | #3c226c | hsl(261, 52%, 28%) |
|
|
| 800 | oklch(0.284 0.100 295.12) | #2f1b55 | hsl(261, 52%, 22%) |
|
|
| 900 | oklch(0.236 0.077 295.23) | #22143e | hsl(260, 51%, 16%) |
|
|
| 950 | oklch(0.185 0.054 298.07) | #160c27 | hsl(262, 53%, 10%) |
|
| 50 | oklch(0.897 0.038 299.17) | #e0d8f3 | hsl(258, 53%, 90%) |
|
|
| 100 | oklch(0.764 0.088 297.06) | #b8a7e4 | hsl(257, 53%, 77%) |
|
|
| 200 | oklch(0.629 0.141 295.14) | #9075d4 | hsl(257, 52%, 65%) |
|
|
| 300 | oklch(0.501 0.190 290.71) | #6844c5 | hsl(257, 53%, 52%) |
|
|
| 400 | oklch(0.406 0.162 290.47) | #4d2f98 | hsl(257, 53%, 39%) |
|
|
| 500 | oklch(0.314 0.118 290.99) | #342067 | hsl(257, 53%, 26%) |
|
|
| 600 | oklch(0.289 0.106 291.78) | #2e1c5a | hsl(257, 53%, 23%) |
|
|
| 700 | oklch(0.263 0.093 291.73) | #27184d | hsl(257, 52%, 20%) |
|
|
| 800 | oklch(0.238 0.081 292.38) | #211441 | hsl(257, 53%, 17%) |
|
|
| 900 | oklch(0.210 0.068 292.36) | #1a1034 | hsl(257, 53%, 13%) |
|
|
| 950 | oklch(0.183 0.053 294.15) | #140c27 | hsl(258, 53%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.798 0.000 89.88) | #bdbdbd | hsl(0, 0%, 74%) |
|
|
| 200 | oklch(0.667 0.000 89.88) | #949494 | hsl(0, 0%, 58%) |
|
|
| 300 | oklch(0.528 0.000 89.88) | #6b6b6b | hsl(0, 0%, 42%) |
|
|
| 400 | oklch(0.383 0.000 89.88) | #434343 | hsl(0, 0%, 26%) |
|
|
| 500 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 600 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 700 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 800 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 900 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
|
| 950 | oklch(0.218 0.000 89.88) | #1a1a1a | hsl(0, 0%, 10%) |
|
| 50 | oklch(0.925 0.000 89.88) | #e6e6e6 | hsl(0, 0%, 90%) |
|
|
| 100 | oklch(0.789 0.000 89.88) | #bababa | hsl(0, 0%, 73%) |
|
|
| 200 | oklch(0.650 0.000 89.88) | #8f8f8f | hsl(0, 0%, 56%) |
|
|
| 300 | oklch(0.503 0.000 89.88) | #646464 | hsl(0, 0%, 39%) |
|
|
| 400 | oklch(0.341 0.000 89.88) | #383838 | hsl(0, 0%, 22%) |
|
|
| 500 | oklch(0.159 0.000 89.88) | #0d0d0d | hsl(0, 0%, 5%) |
|
|
| 600 | oklch(0.173 0.000 89.88) | #101010 | hsl(0, 0%, 6%) |
|
|
| 700 | oklch(0.182 0.000 89.88) | #121212 | hsl(0, 0%, 7%) |
|
|
| 800 | oklch(0.196 0.000 89.88) | #151515 | hsl(0, 0%, 8%) |
|
|
| 900 | oklch(0.205 0.000 89.88) | #171717 | hsl(0, 0%, 9%) |
|
|
| 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
