Modern Vibrant Color Palette
This vibrant palette blends a refreshing sky blue and deep cobalt with bold violet, rich plum, and a mysterious dark maroon, evoking a stylish, modern vibe that balances serenity and intrigue.
Practical uses and creative applications
The Modern Vibrant Color Palette is a striking combination of rich blues, deep purples, and bold accents that can transform any project into a visual masterpiece. Featuring shades like #68b2f8, #506ee5, #7037cd, #651f71, and #1d0c20, this palette is ideal for designers looking to infuse energy and creativity into their branding, web design, or packaging.
Whether you’re creating a dynamic website or eye-catching product labels, these colors work harmoniously to capture attention and evoke a sense of modernity. This palette is particularly suited for tech startups, creative agencies, and any brand aiming to convey innovation and sophistication.
The vibrant hues can create a sense of excitement and engagement, making it perfect for marketing materials aimed at a youthful, trend-savvy audience. Designers targeting millennials or Gen Z will find these colors resonate well, helping to craft memorable visuals that stand out in a crowded marketplace.
In interior design, the Modern Vibrant Color Palette can be used to create striking accent walls or bold decor elements that spark conversation. Its energetic yet sophisticated vibe makes it ideal for modern offices, creative studios, or trendy cafés.
By incorporating these colors, creatives can cultivate environments that inspire and motivate, making it a perfect choice for those looking to make a bold statement in their space.
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.914 0.041 247.12) | #cee6fd | hsl(209, 92%, 90%) |
|
|
| 100 | oklch(0.880 0.057 246.87) | #badcfc | hsl(209, 92%, 86%) |
|
|
| 200 | oklch(0.844 0.075 247.54) | #a5d1fb | hsl(209, 91%, 82%) |
|
|
| 300 | oklch(0.811 0.092 247.59) | #91c7fa | hsl(209, 91%, 77%) |
|
|
| 400 | oklch(0.776 0.110 248.27) | #7cbcf9 | hsl(209, 91%, 73%) |
|
|
| 500 | oklch(0.744 0.126 248.63) | #68b2f8 | hsl(209, 91%, 69%) |
|
|
| 600 | oklch(0.660 0.170 251.06) | #2e95f5 | hsl(209, 91%, 57%) |
|
|
| 700 | oklch(0.572 0.178 253.95) | #0a77dd | hsl(209, 91%, 45%) |
|
|
| 800 | oklch(0.462 0.141 253.66) | #0858a4 | hsl(209, 91%, 34%) |
|
|
| 900 | oklch(0.343 0.099 252.56) | #05396a | hsl(209, 91%, 22%) |
|
|
| 950 | oklch(0.213 0.055 249.42) | #021a31 | hsl(209, 92%, 10%) |
|
dsfds
| 50 | oklch(0.892 0.042 275.12) | #d3daf8 | hsl(229, 73%, 90%) |
|
|
| 100 | oklch(0.830 0.069 272.99) | #b8c5f5 | hsl(227, 75%, 84%) |
|
|
| 200 | oklch(0.766 0.097 272.82) | #9eaff1 | hsl(228, 75%, 78%) |
|
|
| 300 | oklch(0.702 0.126 272.16) | #8499ed | hsl(228, 74%, 72%) |
|
|
| 400 | oklch(0.641 0.154 270.68) | #6a84e9 | hsl(228, 74%, 66%) |
|
|
| 500 | oklch(0.580 0.183 269.30) | #506ee5 | hsl(228, 74%, 61%) |
|
|
| 600 | oklch(0.487 0.229 266.03) | #2349de | hsl(228, 74%, 50%) |
|
|
| 700 | oklch(0.415 0.195 266.24) | #1b39b3 | hsl(228, 74%, 40%) |
|
|
| 800 | oklch(0.341 0.154 266.45) | #142b86 | hsl(228, 74%, 30%) |
|
|
| 900 | oklch(0.264 0.110 266.78) | #0d1d59 | hsl(227, 75%, 20%) |
|
|
| 950 | oklch(0.179 0.061 268.98) | #070e2c | hsl(229, 73%, 10%) |
|
dsfds
| 50 | oklch(0.895 0.044 303.08) | #e2d6f5 | hsl(263, 61%, 90%) |
|
|
| 100 | oklch(0.812 0.079 302.11) | #cbb6ed | hsl(263, 60%, 82%) |
|
|
| 200 | oklch(0.731 0.114 300.70) | #b497e5 | hsl(262, 60%, 75%) |
|
|
| 300 | oklch(0.650 0.151 299.85) | #9e77dd | hsl(263, 60%, 67%) |
|
|
| 400 | oklch(0.571 0.186 297.78) | #8757d5 | hsl(263, 60%, 59%) |
|
|
| 500 | oklch(0.498 0.215 294.59) | #7037cd | hsl(263, 60%, 51%) |
|
|
| 600 | oklch(0.439 0.193 293.98) | #5d2caf | hsl(262, 60%, 43%) |
|
|
| 700 | oklch(0.378 0.163 294.46) | #4b238d | hsl(263, 60%, 35%) |
|
|
| 800 | oklch(0.318 0.132 295.36) | #3a1b6c | hsl(263, 60%, 26%) |
|
|
| 900 | oklch(0.252 0.097 296.31) | #28134a | hsl(263, 59%, 18%) |
|
|
| 950 | oklch(0.183 0.061 297.95) | #160a29 | hsl(263, 61%, 10%) |
|
dsfds
| 50 | oklch(0.908 0.047 321.58) | #f0d7f4 | hsl(292, 57%, 90%) |
|
|
| 100 | oklch(0.797 0.106 321.67) | #dda6e6 | hsl(292, 56%, 78%) |
|
|
| 200 | oklch(0.690 0.168 321.50) | #ca74d9 | hsl(291, 57%, 65%) |
|
|
| 300 | oklch(0.597 0.218 321.44) | #b743cb | hsl(291, 57%, 53%) |
|
|
| 400 | oklch(0.497 0.192 321.44) | #912da2 | hsl(291, 57%, 41%) |
|
|
| 500 | oklch(0.386 0.145 321.44) | #651f71 | hsl(291, 57%, 28%) |
|
|
| 600 | oklch(0.351 0.130 321.71) | #581b62 | hsl(292, 57%, 25%) |
|
|
| 700 | oklch(0.317 0.115 321.43) | #4b1754 | hsl(291, 57%, 21%) |
|
|
| 800 | oklch(0.280 0.098 321.80) | #3e1345 | hsl(292, 57%, 17%) |
|
|
| 900 | oklch(0.244 0.082 321.38) | #310f37 | hsl(291, 57%, 14%) |
|
|
| 950 | oklch(0.205 0.064 321.94) | #240b28 | hsl(292, 57%, 10%) |
|
dsfds
| 50 | oklch(0.911 0.038 321.80) | #eedaf1 | hsl(292, 45%, 90%) |
|
|
| 100 | oklch(0.767 0.100 321.32) | #d19eda | hsl(291, 45%, 74%) |
|
|
| 200 | oklch(0.627 0.167 321.38) | #b561c4 | hsl(291, 46%, 57%) |
|
|
| 300 | oklch(0.495 0.165 321.11) | #8a3999 | hsl(291, 46%, 41%) |
|
|
| 400 | oklch(0.352 0.109 321.84) | #54235c | hsl(292, 45%, 25%) |
|
|
| 500 | oklch(0.190 0.046 321.44) | #1d0c20 | hsl(291, 45%, 9%) |
|
|
| 600 | oklch(0.192 0.048 321.73) | #1e0c21 | hsl(291, 47%, 9%) |
|
|
| 700 | oklch(0.197 0.048 321.73) | #1f0d22 | hsl(291, 45%, 9%) |
|
|
| 800 | oklch(0.199 0.050 322.00) | #200d23 | hsl(292, 46%, 9%) |
|
|
| 900 | oklch(0.203 0.050 322.00) | #210e24 | hsl(292, 44%, 10%) |
|
|
| 950 | oklch(0.205 0.052 322.24) | #220e25 | hsl(292, 45%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
