Vibrant Modern Color Palette
This vibrant palette combines fresh lime green (#d1e751) and crisp white (#ffffff) with bold black (#000000), accented by serene sky blues (#4dbce9, #26ade4), creating a lively, modern vibe that exudes energy and clarity.
Practical uses and creative applications
The Vibrant Modern Color Palette is a dynamic blend that seamlessly combines energy and sophistication. Featuring lively shades of bright green (#d1e751), striking blue (#4dbce9), and deep navy (#26ade4), this palette is perfect for brands looking to convey a fresh and innovative identity.
Ideal for web design, this color scheme can enhance user experience by creating visually appealing layouts that draw in audiences. Its crisp white (#ffffff) and bold black (#000000) accents serve as perfect contrasts, making it suitable for modern branding and packaging that seeks to stand out on crowded shelves.
This palette is particularly appealing for designers and creatives working in industries such as technology, eco-friendly products, and lifestyle brands. The vibrant hues evoke a sense of positivity and forward-thinking, making them perfect for marketing materials that aim to inspire and engage.
In interior design, these colors can transform a space into a lively and contemporary environment, perfect for creative studios or collaborative workspaces. Whether you’re crafting a website, branding a new product, or reimagining an interior, the Vibrant Modern Color Palette is sure to resonate with audiences seeking a touch of modern flair.
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.968 0.051 114.46) | #f3f9d2 | hsl(69, 76%, 90%) |
|
|
| 100 | oklch(0.949 0.079 114.75) | #ecf5b8 | hsl(69, 75%, 84%) |
|
|
| 200 | oklch(0.933 0.106 115.75) | #e5f29f | hsl(69, 76%, 79%) |
|
|
| 300 | oklch(0.916 0.131 115.71) | #dfee85 | hsl(69, 76%, 73%) |
|
|
| 400 | oklch(0.901 0.154 116.63) | #d8eb6b | hsl(69, 76%, 67%) |
|
|
| 500 | oklch(0.884 0.172 117.21) | #d1e751 | hsl(69, 76%, 61%) |
|
|
| 600 | oklch(0.860 0.194 118.61) | #c5e123 | hsl(69, 76%, 51%) |
|
|
| 700 | oklch(0.733 0.166 118.61) | #9fb619 | hsl(69, 76%, 41%) |
|
|
| 800 | oklch(0.595 0.134 118.79) | #778913 | hsl(69, 76%, 31%) |
|
|
| 900 | oklch(0.446 0.098 118.55) | #4f5b0d | hsl(69, 75%, 20%) |
|
|
| 950 | oklch(0.282 0.058 117.88) | #272d06 | hsl(69, 76%, 10%) |
|
| 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%) |
|
| 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%) |
|
| 50 | oklch(0.932 0.033 223.41) | #d2eef9 | hsl(197, 76%, 90%) |
|
|
| 100 | oklch(0.893 0.053 224.22) | #b7e4f6 | hsl(197, 78%, 84%) |
|
|
| 200 | oklch(0.855 0.071 225.33) | #9ddaf3 | hsl(197, 78%, 78%) |
|
|
| 300 | oklch(0.819 0.089 226.14) | #82d0f0 | hsl(197, 79%, 73%) |
|
|
| 400 | oklch(0.783 0.104 226.81) | #68c6ec | hsl(197, 78%, 67%) |
|
|
| 500 | oklch(0.750 0.119 228.40) | #4dbce9 | hsl(197, 78%, 61%) |
|
|
| 600 | oklch(0.697 0.136 232.07) | #1fabe3 | hsl(197, 78%, 51%) |
|
|
| 700 | oklch(0.594 0.117 232.83) | #1789b8 | hsl(198, 78%, 41%) |
|
|
| 800 | oklch(0.484 0.093 232.04) | #11678a | hsl(197, 78%, 30%) |
|
|
| 900 | oklch(0.364 0.068 230.95) | #0b445b | hsl(197, 78%, 20%) |
|
|
| 950 | oklch(0.237 0.039 227.81) | #06222d | hsl(197, 76%, 10%) |
|
| 50 | oklch(0.932 0.033 223.41) | #d2eef9 | hsl(197, 76%, 90%) |
|
|
| 100 | oklch(0.881 0.058 224.36) | #afe1f5 | hsl(197, 78%, 82%) |
|
|
| 200 | oklch(0.833 0.082 225.68) | #8dd4f1 | hsl(197, 78%, 75%) |
|
|
| 300 | oklch(0.787 0.103 227.21) | #6bc7ed | hsl(198, 78%, 67%) |
|
|
| 400 | oklch(0.743 0.121 228.61) | #48bae8 | hsl(197, 78%, 60%) |
|
|
| 500 | oklch(0.704 0.134 231.78) | #26ade4 | hsl(197, 78%, 52%) |
|
|
| 600 | oklch(0.628 0.123 232.55) | #1994c6 | hsl(197, 78%, 44%) |
|
|
| 700 | oklch(0.539 0.104 231.83) | #1478a0 | hsl(197, 78%, 35%) |
|
|
| 800 | oklch(0.443 0.085 231.85) | #0f5b7a | hsl(197, 78%, 27%) |
|
|
| 900 | oklch(0.343 0.064 231.98) | #0a3e54 | hsl(198, 79%, 18%) |
|
|
| 950 | oklch(0.237 0.039 227.81) | #06222d | hsl(197, 76%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection
