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