Vibrant Modern Color Palette

This vibrant palette radiates a lively energy with sunlit cream, fiery orange, bold fuchsia, deep burgundy, and refreshing teal, creating a dynamic and playful atmosphere perfect for a spirited modern aesthetic.

warm vintage sunset fall
#efeecc
#fe8b05
#fe0557
#400403
#0aabba

Practical uses and creative applications

The Vibrant Modern Color Palette is a striking blend of energizing colors that effortlessly captures attention and inspires creativity. With its soft beige (#efeecc), bold tangerine (#fe8b05), vivid pink (#fe0557), deep maroon (#400403), and refreshing teal (#0aabba), this palette is perfect for brands looking to make a memorable impression.

Whether you’re designing a website, creating packaging for a new product, or revamping an interior space, these colors work harmoniously to evoke a sense of modern sophistication combined with playful energy. Ideal for designers and creatives in industries like fashion, technology, and lifestyle, the Vibrant Modern Color Palette lends itself beautifully to projects that require a fresh and contemporary feel.

Use it in branding to convey a dynamic personality, or apply it to web design for a visually stimulating user experience. Additionally, this palette can transform interiors into vibrant spaces that reflect a modern aesthetic.

By incorporating these colors, you can create an atmosphere that is both inviting and invigorating, making it a perfect choice for anyone looking to express innovation and passion through their work.

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.955 0.034 105.23) #f3f2d8 hsl(58, 53%, 90%)
100 oklch(0.952 0.035 105.32) #f2f1d6 hsl(58, 52%, 89%)
200 oklch(0.948 0.038 105.49) #f1f0d3 hsl(58, 52%, 89%)
300 oklch(0.948 0.041 105.64) #f1f0d1 hsl(58, 53%, 88%)
400 oklch(0.944 0.043 105.78) #f0efce hsl(58, 53%, 87%)
500 oklch(0.941 0.045 105.84) #efeecc hsl(58, 52%, 87%)
600 oklch(0.873 0.095 106.88) #dcda90 hsl(58, 52%, 71%)
700 oklch(0.808 0.135 107.17) #cac655 hsl(58, 52%, 56%)
800 oklch(0.672 0.125 107.72) #9e9b32 hsl(58, 52%, 41%)
900 oklch(0.480 0.087 108.43) #62611f hsl(59, 52%, 25%)
950 oklch(0.263 0.042 106.93) #27260c hsl(58, 53%, 10%)

dsfds

50 oklch(0.940 0.044 70.53) #ffe7cc hsl(32, 100%, 90%)
100 oklch(0.897 0.079 70.86) #ffd5a4 hsl(32, 100%, 82%)
200 oklch(0.854 0.110 69.35) #fec27d hsl(32, 98%, 74%)
300 oklch(0.816 0.140 67.66) #feb055 hsl(32, 99%, 66%)
400 oklch(0.779 0.163 63.65) #fe9d2d hsl(32, 99%, 59%)
500 oklch(0.748 0.178 57.86) #fe8b05 hsl(32, 99%, 51%)
600 oklch(0.662 0.159 57.55) #d97501 hsl(32, 99%, 43%)
700 oklch(0.567 0.134 58.71) #af5f01 hsl(32, 99%, 35%)
800 oklch(0.468 0.110 59.19) #864801 hsl(32, 99%, 26%)
900 oklch(0.363 0.083 62.30) #5c3200 hsl(33, 100%, 18%)
950 oklch(0.249 0.056 65.91) #331b00 hsl(32, 100%, 10%)

dsfds

50 oklch(0.894 0.061 356.49) #ffccdd hsl(340, 100%, 90%)
100 oklch(0.817 0.113 358.60) #ffa4c2 hsl(340, 100%, 82%)
200 oklch(0.749 0.162 1.18) #fe7da7 hsl(340, 98%, 74%)
300 oklch(0.693 0.208 4.09) #fe558d hsl(340, 99%, 66%)
400 oklch(0.654 0.240 8.73) #fe2d72 hsl(340, 99%, 59%)
500 oklch(0.635 0.252 14.93) #fe0557 hsl(340, 99%, 51%)
600 oklch(0.563 0.225 15.18) #d90148 hsl(340, 99%, 43%)
700 oklch(0.480 0.191 14.54) #af013a hsl(340, 99%, 35%)
800 oklch(0.395 0.157 13.74) #86012c hsl(341, 99%, 26%)
900 oklch(0.303 0.121 11.04) #5c001f hsl(340, 100%, 18%)
950 oklch(0.206 0.083 6.73) #330011 hsl(340, 100%, 10%)

dsfds

50 oklch(0.894 0.052 19.64) #fdcfce hsl(1, 92%, 90%)
100 oklch(0.745 0.142 22.08) #f98583 hsl(1, 91%, 75%)
200 oklch(0.640 0.222 26.85) #f63c39 hsl(1, 91%, 59%)
300 oklch(0.553 0.222 29.02) #d60d0a hsl(1, 91%, 44%)
400 oklch(0.404 0.160 28.83) #8b0907 hsl(1, 90%, 29%)
500 oklch(0.239 0.090 28.53) #400403 hsl(1, 91%, 13%)
600 oklch(0.232 0.087 28.47) #3d0403 hsl(1, 91%, 13%)
700 oklch(0.225 0.084 28.41) #3a0403 hsl(1, 90%, 12%)
800 oklch(0.217 0.082 27.52) #370303 hsl(0, 90%, 11%)
900 oklch(0.209 0.079 28.83) #340302 hsl(1, 93%, 11%)
950 oklch(0.202 0.075 28.81) #310302 hsl(1, 92%, 10%)

dsfds

50 oklch(0.952 0.042 203.73) #cff8fc hsl(185, 88%, 90%)
100 oklch(0.910 0.083 203.38) #9df2fa hsl(185, 90%, 80%)
200 oklch(0.873 0.114 203.68) #6bebf7 hsl(185, 90%, 69%)
300 oklch(0.843 0.133 204.62) #39e4f4 hsl(185, 89%, 59%)
400 oklch(0.809 0.137 206.11) #0dd9ec hsl(185, 90%, 49%)
500 oklch(0.677 0.115 205.98) #0aabba hsl(185, 90%, 38%)
600 oklch(0.603 0.102 205.19) #09929e hsl(185, 89%, 33%)
700 oklch(0.524 0.088 206.18) #077883 hsl(185, 90%, 27%)
800 oklch(0.444 0.074 205.07) #065f67 hsl(185, 89%, 21%)
900 oklch(0.360 0.060 204.86) #04464c hsl(185, 90%, 16%)
950 oklch(0.268 0.043 204.77) #032c30 hsl(185, 88%, 10%)

Related palettes

Discover more palettes with a similar mood and vibe or Browse our collection.

#763D0C
#F76902
#E9473E
#C40769
#225518
#F7B1F6
#E8ECF9
#670243
#AB2390
#AF4E11
#B91D61
#E48C5B
#9F612D
#29466F
#B94BB5
#D81878
#1690A8
#FFC0D8
#FFE9E9
#FFFFFF
#cc0c39
#e6781e
#c8cf02
#f8fcc1
#1693a7
#ec4401
#cc9b25
#13cd4a
#7b6ed6
#5e525c
#fb6900
#f63700
#004853
#007e80
#00b9bd
#f19601
#f21f26
#251819
#ebc83a
#73b295
#bd2a33
#d6aa26
#93a31c
#408156
#30374f
© 2025 KColor. All rights reserved. 1.11.0