Creating harmony design application or website is not that easy. Choosing the wrong color palette may result in design inconsistency and visually undersatisfying user experience. Before this, I could say that I have been struggle a lot to get started with some base colors. After doing some study, I found this color palette is a good color set to get started and these colors are redefined to work better in both light and dark theme of the design.
Light Blue
rgb(120,220,250)
#78dcfa
Medium Blue
rgb(0,170,220)
#00aadc
Normal Blue
rgb(0,135,190)
#0087be
Dark Blue
rgb(0,80,130)
#005082
Ultra Light Gray
rgb(244,248,250)
#f4f8fa
Light Gray
rgb(232,240,247)
#e8f0f5
Medium Gray
rgb(210,222,230)
#d2dee6
Dark Gray
rgb(50,65,85)
#324155
Hightlight 1
rgb(240,130,30)
#f0821e
Highlight 2
rgb(213,78,33)
#d54e21
Warning
rgb(255,186,0)
#ffba00
Error
rgb(221,61,54)
#dd3d36
Success
rgb(76,180,32)
#4cb420