Vibrant Color Palette
This vibrant palette bursts with energy, combining zesty lime green, fiery orange, bold crimson, deep magenta, and a grounding charcoal, creating a lively yet sophisticated vibe perfect for modern, eclectic designs.
Practical uses and creative applications
The Vibrant Color Palette bursts with energy and creativity, making it ideal for branding and web design that aims to capture attention and evoke strong emotions. Featuring lively shades of green (#b0da09), orange (#f99400), and bold pinks (#f00a5e, #b80090), this palette is perfect for brands looking to convey a youthful and dynamic personality.
Whether you're a startup in the tech industry or a trendy café, these colors can help you create a memorable visual identity that resonates with your target audience. This palette is also an excellent choice for packaging design, especially for products that cater to a creative demographic.
The combination of vibrant hues against a deep charcoal (#544f51) can enhance product visibility on shelves and create a striking contrast that draws the eye. Designers and creatives will find that this color scheme is versatile enough to suit a variety of styles, from modern and playful to bold and edgy, making it suitable for everything from fashion lines to art supplies and beyond.
Use the Vibrant Color Palette to inject life into your projects 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.976 0.062 116.36) | #f4fdce | hsl(71, 92%, 90%) |
|
|
100 | oklch(0.955 0.115 117.85) | #e9fba1 | hsl(72, 92%, 81%) |
|
|
200 | oklch(0.937 0.160 118.86) | #dff975 | hsl(72, 92%, 72%) |
|
|
300 | oklch(0.921 0.195 120.34) | #d4f748 | hsl(72, 92%, 63%) |
|
|
400 | oklch(0.910 0.216 122.01) | #caf61c | hsl(72, 92%, 54%) |
|
|
500 | oklch(0.828 0.201 122.62) | #b0da09 | hsl(72, 92%, 45%) |
|
|
600 | oklch(0.730 0.176 122.38) | #95b808 | hsl(72, 92%, 38%) |
|
|
700 | oklch(0.628 0.151 122.39) | #799606 | hsl(72, 92%, 31%) |
|
|
800 | oklch(0.525 0.126 122.35) | #5e7505 | hsl(72, 92%, 24%) |
|
|
900 | oklch(0.414 0.098 121.70) | #435303 | hsl(72, 93%, 17%) |
|
|
950 | oklch(0.294 0.068 120.36) | #283102 | hsl(71, 92%, 10%) |
|
dsfds
50 | oklch(0.946 0.046 76.84) | #ffeacc | hsl(35, 100%, 90%) |
|
|
100 | oklch(0.905 0.082 76.59) | #ffd9a2 | hsl(35, 100%, 82%) |
|
|
200 | oklch(0.865 0.116 75.55) | #ffc878 | hsl(36, 100%, 74%) |
|
|
300 | oklch(0.829 0.145 73.36) | #ffb74e | hsl(36, 100%, 65%) |
|
|
400 | oklch(0.795 0.165 69.26) | #ffa624 | hsl(36, 100%, 57%) |
|
|
500 | oklch(0.756 0.171 63.90) | #f99400 | hsl(36, 100%, 49%) |
|
|
600 | oklch(0.664 0.150 64.29) | #d17c00 | hsl(36, 100%, 41%) |
|
|
700 | oklch(0.571 0.128 65.12) | #aa6500 | hsl(36, 100%, 33%) |
|
|
800 | oklch(0.471 0.105 66.06) | #824d00 | hsl(36, 100%, 25%) |
|
|
900 | oklch(0.370 0.081 68.21) | #5b3600 | hsl(36, 100%, 18%) |
|
|
950 | oklch(0.256 0.055 72.29) | #331e00 | hsl(35, 100%, 10%) |
|
dsfds
50 | oklch(0.897 0.057 354.63) | #fdcedf | hsl(338, 92%, 90%) |
|
|
100 | oklch(0.817 0.107 356.23) | #fba6c5 | hsl(338, 91%, 82%) |
|
|
200 | oklch(0.746 0.158 358.66) | #fa7eab | hsl(338, 93%, 74%) |
|
|
300 | oklch(0.686 0.202 1.66) | #f85691 | hsl(338, 92%, 65%) |
|
|
400 | oklch(0.642 0.233 5.96) | #f62e77 | hsl(338, 92%, 57%) |
|
|
500 | oklch(0.612 0.242 11.29) | #f00a5e | hsl(338, 92%, 49%) |
|
|
600 | oklch(0.538 0.212 10.90) | #ca084f | hsl(338, 92%, 41%) |
|
|
700 | oklch(0.462 0.181 10.41) | #a40740 | hsl(338, 92%, 34%) |
|
|
800 | oklch(0.380 0.148 9.29) | #7d0531 | hsl(338, 92%, 25%) |
|
|
900 | oklch(0.296 0.114 7.85) | #570422 | hsl(338, 91%, 18%) |
|
|
950 | oklch(0.205 0.077 4.15) | #310213 | hsl(338, 92%, 10%) |
|
dsfds
50 | oklch(0.901 0.077 333.84) | #ffccf4 | hsl(313, 100%, 90%) |
|
|
100 | oklch(0.807 0.161 335.49) | #ff95e8 | hsl(313, 100%, 79%) |
|
|
200 | oklch(0.732 0.236 337.37) | #ff5edc | hsl(313, 100%, 68%) |
|
|
300 | oklch(0.686 0.281 339.61) | #ff27d0 | hsl(313, 100%, 58%) |
|
|
400 | oklch(0.640 0.276 341.48) | #ef00bb | hsl(313, 100%, 47%) |
|
|
500 | oklch(0.527 0.228 341.24) | #b80090 | hsl(313, 100%, 36%) |
|
|
600 | oklch(0.469 0.203 341.01) | #9d007b | hsl(313, 100%, 31%) |
|
|
700 | oklch(0.411 0.178 341.09) | #830066 | hsl(313, 100%, 26%) |
|
|
800 | oklch(0.349 0.152 340.15) | #680052 | hsl(313, 100%, 20%) |
|
|
900 | oklch(0.286 0.124 340.03) | #4e003d | hsl(313, 100%, 15%) |
|
|
950 | oklch(0.217 0.095 338.96) | #330028 | hsl(313, 100%, 10%) |
|
dsfds
50 | oklch(0.923 0.001 17.18) | #e6e5e5 | hsl(0, 2%, 90%) |
|
|
100 | oklch(0.830 0.005 345.31) | #cac6c8 | hsl(330, 4%, 78%) |
|
|
200 | oklch(0.736 0.006 350.87) | #ada8aa | hsl(336, 3%, 67%) |
|
|
300 | oklch(0.637 0.009 349.41) | #90898c | hsl(334, 3%, 55%) |
|
|
400 | oklch(0.538 0.009 358.05) | #736c6e | hsl(343, 3%, 44%) |
|
|
500 | oklch(0.433 0.007 351.10) | #544f51 | hsl(336, 3%, 32%) |
|
|
600 | oklch(0.391 0.006 345.56) | #484446 | hsl(330, 3%, 27%) |
|
|
700 | oklch(0.349 0.006 345.62) | #3d393b | hsl(330, 3%, 23%) |
|
|
800 | oklch(0.305 0.006 337.63) | #312e30 | hsl(320, 3%, 19%) |
|
|
900 | oklch(0.262 0.003 17.35) | #262424 | hsl(0, 3%, 15%) |
|
|
950 | oklch(0.215 0.002 17.28) | #1a1919 | hsl(0, 2%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.