Defining essential colors for harmony design

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