<aside> 🎨

RVB

</aside>

🔵 Blue pallet

<aside> Blue Default

Default-Blue.png

#0089FF

</aside>

<aside> Blue 10%

100-Blue.png

#E6F3FF

</aside>

<aside> Blue 20%

200-Blue.png

#96D8FF

</aside>

<aside> Blue 30%

300-Blue.png

#33A1FF

</aside>

<aside> Blue 40%

400-Blue.png

#1A95FF

</aside>

<aside> Blue Default: bring color to text, assets

Blue 10%: used mainly as background

Others: used in platform design

</aside>

⚫ Base pallet

<aside> Black

Default-Black.png

#1D1D1B

</aside>

<aside> White

Default-White.png

#FFFFFF

</aside>

<aside> Black: used for all texts

White: used for assets & text on contrasting background

</aside>

☑️ Grey pallet

<aside> Grey 10%

Default-Grey-100.png

#F6F8FB

</aside>

<aside> Grey 30%

Default-Grey-300.png

#E6ECF4

</aside>

<aside> Grey 40%

Default-Grey-400.png

#AEB9C6

</aside>

<aside> Grey 50%

Default-Grey-500.png

#76869A

</aside>

<aside> Grey 10%: Backgrounds

Grey 30%: backgrounds / strokes / platform elements

Grey 40% & 50%: backgrounds / strokes / platform elements / texts

</aside>

🟣 Purple pallet