Vibrant Modern Color Palette
A bold and vibrant palette of fiery coral, deep espresso, serene teal, refreshing mint, and soft cream exudes a lively yet grounded energy, perfect for a modern, eclectic style.
Practical uses and creative applications
The Vibrant Modern Color Palette is a striking combination of bold hues and soft tones, perfect for those looking to make a lasting impression. With its dynamic shades of #fc354c, #29221f, #13747d, #0abfbc, and #fcf7c5, this palette is ideal for branding and web design projects that aim to convey a contemporary and energetic aesthetic.
Whether you’re designing a sleek website for a tech startup or crafting eye-catching packaging for a trendy product, these colors can elevate your visual identity and attract your target audience. This palette resonates particularly well with creatives and designers seeking to create an invigorating atmosphere in their work.
The vivid reds and teals are ideal for industries like fashion, beauty, and lifestyle, where making a bold statement is essential. Additionally, the muted earth tones offer a grounding contrast, making it suitable for interior design projects that aim for a modern yet inviting feel.
Use the Vibrant Modern Color Palette to infuse your spaces or branding with energy and freshness, appealing to a demographic that appreciates innovation and style.
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.892 0.056 11.37) | #fecdd2 | hsl(354, 96%, 90%) |
|
|
| 100 | oklch(0.830 0.094 11.10) | #feaeb8 | hsl(353, 98%, 84%) |
|
|
| 200 | oklch(0.773 0.132 13.01) | #fd909d | hsl(353, 96%, 78%) |
|
|
| 300 | oklch(0.723 0.170 15.30) | #fd7282 | hsl(353, 97%, 72%) |
|
|
| 400 | oklch(0.678 0.204 17.77) | #fc5367 | hsl(353, 97%, 66%) |
|
|
| 500 | oklch(0.648 0.231 21.16) | #fc354c | hsl(353, 97%, 60%) |
|
|
| 600 | oklch(0.621 0.252 26.70) | #fa0420 | hsl(353, 97%, 50%) |
|
|
| 700 | oklch(0.525 0.212 26.26) | #c8031a | hsl(353, 97%, 40%) |
|
|
| 800 | oklch(0.425 0.171 25.72) | #960213 | hsl(353, 97%, 30%) |
|
|
| 900 | oklch(0.318 0.128 24.09) | #64010d | hsl(353, 98%, 20%) |
|
|
| 950 | oklch(0.202 0.079 20.93) | #320106 | hsl(354, 96%, 10%) |
|
dsfds
| 50 | oklch(0.922 0.006 43.33) | #e9e4e2 | hsl(17, 14%, 90%) |
|
|
| 100 | oklch(0.801 0.016 42.35) | #c8bbb6 | hsl(17, 14%, 75%) |
|
|
| 200 | oklch(0.675 0.027 43.08) | #a6928a | hsl(17, 14%, 60%) |
|
|
| 300 | oklch(0.546 0.031 43.46) | #816b62 | hsl(17, 14%, 45%) |
|
|
| 400 | oklch(0.410 0.022 48.15) | #554740 | hsl(20, 14%, 29%) |
|
|
| 500 | oklch(0.259 0.012 44.57) | #29221f | hsl(18, 14%, 14%) |
|
|
| 600 | oklch(0.251 0.012 44.56) | #27201d | hsl(18, 15%, 13%) |
|
|
| 700 | oklch(0.241 0.011 48.25) | #241e1b | hsl(20, 14%, 12%) |
|
|
| 800 | oklch(0.233 0.010 39.30) | #221c1a | hsl(15, 13%, 12%) |
|
|
| 900 | oklch(0.223 0.009 43.08) | #1f1a18 | hsl(17, 13%, 11%) |
|
|
| 950 | oklch(0.214 0.009 43.07) | #1d1816 | hsl(17, 14%, 10%) |
|
dsfds
| 50 | oklch(0.947 0.035 203.09) | #d3f5f8 | hsl(185, 73%, 90%) |
|
|
| 100 | oklch(0.886 0.076 203.12) | #9ce9f0 | hsl(185, 74%, 78%) |
|
|
| 200 | oklch(0.833 0.108 203.48) | #65dde8 | hsl(185, 74%, 65%) |
|
|
| 300 | oklch(0.786 0.126 204.71) | #2fd0df | hsl(185, 73%, 53%) |
|
|
| 400 | oklch(0.667 0.109 205.05) | #1ba7b4 | hsl(185, 74%, 41%) |
|
|
| 500 | oklch(0.512 0.083 204.82) | #13747d | hsl(185, 74%, 28%) |
|
|
| 600 | oklch(0.464 0.075 204.96) | #11656d | hsl(185, 73%, 25%) |
|
|
| 700 | oklch(0.416 0.066 205.09) | #0e565d | hsl(185, 74%, 21%) |
|
|
| 800 | oklch(0.365 0.057 205.35) | #0c474d | hsl(186, 73%, 17%) |
|
|
| 900 | oklch(0.313 0.048 203.54) | #09383c | hsl(185, 74%, 14%) |
|
|
| 950 | oklch(0.259 0.038 203.53) | #07292c | hsl(185, 73%, 10%) |
|
dsfds
| 50 | oklch(0.960 0.046 196.41) | #cffcfc | hsl(180, 88%, 90%) |
|
|
| 100 | oklch(0.927 0.088 193.97) | #9efaf8 | hsl(179, 90%, 80%) |
|
|
| 200 | oklch(0.900 0.120 193.92) | #6cf7f5 | hsl(179, 90%, 70%) |
|
|
| 300 | oklch(0.882 0.141 193.22) | #3bf5f2 | hsl(179, 90%, 60%) |
|
|
| 400 | oklch(0.864 0.147 192.61) | #0df0ec | hsl(179, 90%, 50%) |
|
|
| 500 | oklch(0.728 0.124 192.77) | #0abfbc | hsl(179, 90%, 39%) |
|
|
| 600 | oklch(0.645 0.109 193.22) | #09a2a0 | hsl(179, 89%, 34%) |
|
|
| 700 | oklch(0.561 0.095 192.92) | #078684 | hsl(179, 90%, 28%) |
|
|
| 800 | oklch(0.472 0.079 193.64) | #066968 | hsl(179, 89%, 22%) |
|
|
| 900 | oklch(0.381 0.064 193.28) | #044d4c | hsl(179, 90%, 16%) |
|
|
| 950 | oklch(0.281 0.046 194.86) | #033030 | hsl(180, 88%, 10%) |
|
dsfds
| 50 | oklch(0.972 0.053 102.73) | #fcf8cf | hsl(55, 88%, 90%) |
|
|
| 100 | oklch(0.971 0.056 102.99) | #fcf8cd | hsl(55, 89%, 90%) |
|
|
| 200 | oklch(0.971 0.058 103.22) | #fcf8cb | hsl(55, 89%, 89%) |
|
|
| 300 | oklch(0.971 0.061 103.43) | #fcf8c9 | hsl(55, 89%, 89%) |
|
|
| 400 | oklch(0.968 0.062 102.55) | #fcf7c7 | hsl(54, 90%, 88%) |
|
|
| 500 | oklch(0.968 0.065 102.78) | #fcf7c5 | hsl(55, 90%, 88%) |
|
|
| 600 | oklch(0.932 0.138 103.84) | #f8ed79 | hsl(55, 90%, 72%) |
|
|
| 700 | oklch(0.900 0.180 103.21) | #f4e22e | hsl(55, 90%, 57%) |
|
|
| 800 | oklch(0.770 0.160 102.66) | #c8b70a | hsl(55, 90%, 41%) |
|
|
| 900 | oklch(0.542 0.112 102.57) | #7c7106 | hsl(54, 91%, 25%) |
|
|
| 950 | oklch(0.289 0.058 103.73) | #302c03 | hsl(55, 88%, 10%) |
|
Related palettes
Discover more palettes with a similar mood and vibe or Browse our collection.
