Vibrant Warm Color Palette

This vibrant palette bursts with warm energy from the fiery orange, cool harmony of refreshing greens, and deep blues, evoking a lively yet grounded atmosphere perfect for creative exploration.

warm summer nature
#fb6f24
#8ca315
#5191c1
#1e6495
#0a4b75

Practical uses and creative applications

The Vibrant Warm Color Palette is a dynamic blend of colors that exudes energy and warmth, making it perfect for a variety of creative projects. With its bold hues, including a striking orange (#fb6f24), vibrant green (#8ca315), and calming blues (#5191c1, #1e6495, #0a4b75), this palette is ideal for branding and web design that aims to capture attention and evoke positivity.

Whether you're designing a lively website for a startup or creating packaging for a product that needs to stand out on the shelf, this palette brings an inviting and uplifting vibe that resonates with audiences. Designed for creative professionals, this color scheme suits designers looking to create impactful visuals that convey a sense of enthusiasm and innovation.

The Vibrant Warm Color Palette is also perfect for interior designers seeking to infuse spaces with a cheerful atmosphere, ideal for cafes, creative studios, or even children's rooms. Overall, this palette is perfect for anyone looking to communicate a sense of vitality and approachability, making it a versatile choice for both digital and physical applications.

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.923 0.042 49.76) #fedecd hsl(21, 96%, 90%)
100 oklch(0.872 0.072 50.09) #fdc8ab hsl(21, 95%, 83%)
200 oklch(0.825 0.104 49.49) #fdb289 hsl(21, 97%, 76%)
300 oklch(0.779 0.134 47.77) #fc9b68 hsl(21, 96%, 70%)
400 oklch(0.739 0.164 46.47) #fc8546 hsl(21, 97%, 63%)
500 oklch(0.703 0.189 44.12) #fb6f24 hsl(21, 96%, 56%)
600 oklch(0.644 0.198 40.60) #eb5504 hsl(21, 97%, 47%)
700 oklch(0.548 0.167 41.01) #bd4403 hsl(21, 97%, 38%)
800 oklch(0.450 0.134 42.04) #8f3403 hsl(21, 96%, 29%)
900 oklch(0.343 0.098 43.84) #602302 hsl(21, 96%, 19%)
950 oklch(0.229 0.060 48.45) #321201 hsl(21, 96%, 10%)

dsfds

50 oklch(0.968 0.051 114.46) #f3f9d2 hsl(69, 76%, 90%)
100 oklch(0.936 0.105 115.81) #e6f3a1 hsl(70, 77%, 79%)
200 oklch(0.906 0.152 117.08) #d9ed70 hsl(70, 78%, 68%)
300 oklch(0.876 0.184 118.53) #cbe640 hsl(70, 77%, 58%)
400 oklch(0.819 0.188 119.64) #b6d41b hsl(70, 77%, 47%)
500 oklch(0.674 0.154 119.49) #8ca315 hsl(70, 77%, 36%)
600 oklch(0.601 0.136 119.12) #788b12 hsl(69, 77%, 31%)
700 oklch(0.528 0.119 119.08) #64740f hsl(70, 77%, 26%)
800 oklch(0.448 0.100 119.12) #4f5c0c hsl(70, 77%, 20%)
900 oklch(0.369 0.080 119.08) #3b4509 hsl(70, 77%, 15%)
950 oklch(0.282 0.058 117.88) #272d06 hsl(69, 76%, 10%)

dsfds

50 oklch(0.921 0.021 241.36) #d9e7f2 hsl(206, 49%, 90%)
100 oklch(0.864 0.036 240.34) #bed6e8 hsl(206, 48%, 83%)
200 oklch(0.807 0.051 240.14) #a3c5de hsl(205, 47%, 75%)
300 oklch(0.748 0.066 241.77) #88b3d4 hsl(206, 47%, 68%)
400 oklch(0.690 0.083 242.18) #6ca2cb hsl(206, 48%, 61%)
500 oklch(0.634 0.098 242.82) #5191c1 hsl(206, 47%, 54%)
600 oklch(0.559 0.097 243.74) #3c7aa9 hsl(206, 48%, 45%)
700 oklch(0.482 0.081 242.94) #316388 hsl(206, 47%, 36%)
800 oklch(0.398 0.064 242.63) #254b67 hsl(205, 47%, 27%)
900 oklch(0.310 0.047 242.10) #193346 hsl(205, 47%, 19%)
950 oklch(0.215 0.029 243.43) #0d1b26 hsl(206, 49%, 10%)

dsfds

50 oklch(0.921 0.028 239.67) #d5e8f6 hsl(205, 65%, 90%)
100 oklch(0.837 0.060 238.58) #a6d0ed hsl(205, 66%, 79%)
200 oklch(0.753 0.092 240.25) #77b7e4 hsl(205, 67%, 68%)
300 oklch(0.673 0.121 242.37) #499eda hsl(205, 66%, 57%)
400 oklch(0.589 0.130 244.60) #2783c4 hsl(205, 67%, 46%)
500 oklch(0.485 0.104 244.01) #1e6495 hsl(205, 66%, 35%)
600 oklch(0.436 0.092 243.78) #1a5680 hsl(205, 66%, 30%)
700 oklch(0.383 0.079 243.58) #15476a hsl(205, 67%, 25%)
800 oklch(0.332 0.066 243.18) #113955 hsl(205, 67%, 20%)
900 oklch(0.278 0.053 242.61) #0d2b40 hsl(205, 66%, 15%)
950 oklch(0.218 0.037 242.91) #091c2a hsl(205, 65%, 10%)

dsfds

50 oklch(0.923 0.036 236.49) #d0eafb hsl(204, 84%, 90%)
100 oklch(0.827 0.082 237.58) #93cff6 hsl(204, 85%, 77%)
200 oklch(0.738 0.125 239.99) #56b4f1 hsl(204, 85%, 64%)
300 oklch(0.659 0.158 244.70) #1999eb hsl(203, 84%, 51%)
400 oklch(0.533 0.129 245.07) #0f72b2 hsl(204, 84%, 38%)
500 oklch(0.398 0.093 244.16) #0a4b75 hsl(204, 84%, 25%)
600 oklch(0.365 0.084 243.91) #094267 hsl(204, 84%, 22%)
700 oklch(0.332 0.075 243.60) #083959 hsl(204, 84%, 19%)
800 oklch(0.297 0.066 242.80) #06304b hsl(203, 85%, 16%)
900 oklch(0.262 0.056 242.06) #05273d hsl(204, 85%, 13%)
950 oklch(0.225 0.046 240.91) #041e2f hsl(204, 84%, 10%)

Related palettes

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

#763D0C
#F76902
#E9473E
#C40769
#225518
#aaff00
#ffaa00
#ff00aa
#aa00ff
#00aaff
#ccf390
#e0e05a
#f7c41f
#fc930a
#ff003d
#ec4401
#cc9b25
#13cd4a
#7b6ed6
#5e525c
#ff4746
#e8da5e
#92b55f
#487d76
#4b4452
#541e35
#df5d2e
#ffb43e
#a4c972
#6bb38e
#d94052
#ee7e4c
#ead56c
#94c5a5
#898b75
#cf0638
#fa6632
#fecd23
#0a996f
#0a6789
#c7003f
#f90050
#f96a00
#faab00
#daf204
© 2025 KColor. All rights reserved. 1.11.0