Modern Energetic Color Palette
This palette exudes a modern, energetic vibe with deep navy and charcoal hues, punctuated by vibrant sky blues and a playful pop of bold pink, perfect for a trendy, youthful aesthetic.
Practical uses and creative applications
The Modern Energetic Color Palette is a vibrant collection designed to invigorate your projects with a fresh and dynamic aesthetic. Featuring deep shades like #0F172A and #1E293B, complemented by lively accents such as #37BAF6 and #79CCF4, this palette is perfect for branding and web design that aims to catch the eye and inspire action.
The bold pink #E557A5 adds a playful touch, making it ideal for creative industries looking to convey a sense of innovation and energy. This color palette is particularly suited for designers and creatives who want to make a statement while maintaining a modern edge.
Whether you’re developing a brand identity, designing engaging packaging, or crafting an inviting interior space, the Modern Energetic Color Palette strikes a balance between professionalism and excitement. It encourages a sense of enthusiasm and creativity, making it an excellent choice for startups, tech companies, or any brand aiming to resonate with a youthful, energetic audience.
Embrace this palette to elevate your visual storytelling and connect with your target audience in a memorable way.
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.909 0.025 265.58) | #d9e1f2 | hsl(221, 49%, 90%) |
|
|
| 100 | oklch(0.761 0.066 266.21) | #9eb1dc | hsl(222, 47%, 74%) |
|
|
| 200 | oklch(0.611 0.112 265.60) | #6381c7 | hsl(222, 47%, 58%) |
|
|
| 300 | oklch(0.474 0.122 264.66) | #3958a0 | hsl(222, 47%, 43%) |
|
|
| 400 | oklch(0.346 0.084 265.36) | #243765 | hsl(222, 47%, 27%) |
|
|
| 500 | oklch(0.208 0.040 265.75) | #0f172a | hsl(222, 47%, 11%) |
|
|
| 600 | oklch(0.207 0.038 265.07) | #0f1729 | hsl(222, 46%, 11%) |
|
|
| 700 | oklch(0.203 0.038 265.01) | #0e1628 | hsl(222, 48%, 11%) |
|
|
| 800 | oklch(0.202 0.036 264.24) | #0e1627 | hsl(221, 47%, 10%) |
|
|
| 900 | oklch(0.198 0.036 266.20) | #0e1526 | hsl(223, 46%, 10%) |
|
|
| 950 | oklch(0.198 0.037 264.19) | #0d1526 | hsl(221, 49%, 10%) |
|
dsfds
| 50 | oklch(0.914 0.016 262.75) | #dde3ee | hsl(219, 33%, 90%) |
|
|
| 100 | oklch(0.791 0.040 259.28) | #acbcd5 | hsl(217, 33%, 75%) |
|
|
| 200 | oklch(0.662 0.066 259.68) | #7b94bc | hsl(217, 33%, 61%) |
|
|
| 300 | oklch(0.533 0.083 260.16) | #506d9d | hsl(217, 32%, 46%) |
|
|
| 400 | oklch(0.411 0.061 260.13) | #374b6c | hsl(217, 33%, 32%) |
|
|
| 500 | oklch(0.279 0.037 260.03) | #1e293b | hsl(217, 33%, 17%) |
|
|
| 600 | oklch(0.263 0.035 260.76) | #1b2536 | hsl(218, 33%, 16%) |
|
|
| 700 | oklch(0.251 0.031 260.41) | #192231 | hsl(218, 32%, 15%) |
|
|
| 800 | oklch(0.234 0.030 261.34) | #161e2c | hsl(218, 33%, 13%) |
|
|
| 900 | oklch(0.221 0.026 260.99) | #141b27 | hsl(218, 32%, 12%) |
|
|
| 950 | oklch(0.204 0.024 262.26) | #111722 | hsl(219, 33%, 10%) |
|
dsfds
| 50 | oklch(0.931 0.039 227.74) | #ceeefd | hsl(199, 92%, 90%) |
|
|
| 100 | oklch(0.890 0.062 226.85) | #b0e4fb | hsl(198, 90%, 84%) |
|
|
| 200 | oklch(0.850 0.084 228.87) | #92d9fa | hsl(199, 91%, 78%) |
|
|
| 300 | oklch(0.813 0.106 229.59) | #73cff9 | hsl(199, 92%, 71%) |
|
|
| 400 | oklch(0.777 0.124 231.34) | #55c4f7 | hsl(199, 91%, 65%) |
|
|
| 500 | oklch(0.745 0.139 233.51) | #37baf6 | hsl(199, 91%, 59%) |
|
|
| 600 | oklch(0.695 0.153 238.29) | #0ba8f0 | hsl(199, 91%, 49%) |
|
|
| 700 | oklch(0.591 0.128 237.49) | #0987c0 | hsl(199, 91%, 39%) |
|
|
| 800 | oklch(0.480 0.103 237.07) | #076590 | hsl(199, 91%, 30%) |
|
|
| 900 | oklch(0.366 0.076 235.75) | #044461 | hsl(199, 92%, 20%) |
|
|
| 950 | oklch(0.237 0.047 233.07) | #022231 | hsl(199, 92%, 10%) |
|
dsfds
| 50 | oklch(0.929 0.036 228.42) | #d0edfb | hsl(200, 84%, 90%) |
|
|
| 100 | oklch(0.903 0.050 229.62) | #bee6fa | hsl(200, 86%, 86%) |
|
|
| 200 | oklch(0.879 0.062 228.41) | #ade0f8 | hsl(199, 84%, 83%) |
|
|
| 300 | oklch(0.854 0.075 229.95) | #9cd9f7 | hsl(200, 85%, 79%) |
|
|
| 400 | oklch(0.831 0.087 229.09) | #8ad3f5 | hsl(199, 84%, 75%) |
|
|
| 500 | oklch(0.807 0.099 230.59) | #79ccf4 | hsl(200, 85%, 72%) |
|
|
| 600 | oklch(0.735 0.132 233.80) | #3fb6ef | hsl(199, 85%, 59%) |
|
|
| 700 | oklch(0.655 0.142 238.31) | #129bdd | hsl(200, 85%, 47%) |
|
|
| 800 | oklch(0.524 0.113 237.99) | #0d72a3 | hsl(200, 85%, 35%) |
|
|
| 900 | oklch(0.388 0.079 236.36) | #094a69 | hsl(199, 84%, 22%) |
|
|
| 950 | oklch(0.234 0.043 233.39) | #04212f | hsl(200, 84%, 10%) |
|
dsfds
| 50 | oklch(0.904 0.049 344.37) | #f8d3e7 | hsl(328, 73%, 90%) |
|
|
| 100 | oklch(0.851 0.078 344.65) | #f4bada | hsl(327, 73%, 84%) |
|
|
| 200 | oklch(0.799 0.108 345.34) | #f0a1cd | hsl(327, 72%, 79%) |
|
|
| 300 | oklch(0.753 0.138 346.77) | #ed89c0 | hsl(327, 74%, 73%) |
|
|
| 400 | oklch(0.707 0.166 348.29) | #e970b2 | hsl(327, 73%, 68%) |
|
|
| 500 | oklch(0.665 0.193 349.59) | #e557a5 | hsl(327, 73%, 62%) |
|
|
| 600 | oklch(0.605 0.226 353.50) | #de298c | hsl(327, 73%, 52%) |
|
|
| 700 | oklch(0.519 0.197 353.64) | #b61c71 | hsl(327, 73%, 41%) |
|
|
| 800 | oklch(0.421 0.158 353.44) | #881554 | hsl(327, 73%, 31%) |
|
|
| 900 | oklch(0.318 0.115 352.28) | #5a0e38 | hsl(327, 73%, 20%) |
|
|
| 950 | oklch(0.206 0.066 350.95) | #2c071b | hsl(328, 73%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
