UI

Template UI Color Guide

Primary / brand

Light {#e5effd}
Normal {#659df2}
Active {#347ae3}

Success

Light {#e5fcd0}
Normal {#94df4a}
Active {#7dc835}

info

Light {#e7f7fe}
Normal {#86d4f5}
Active {#69c1e6}

danger

Light {#fee5e4}
Normal {#fa625e}
Active {#e3423d}

Warning

Light {#fef8e2}
Normal {#f3d768}
Active {#dfc14a}

Secondary

Light {#dfe0e3}
Normal {#a8adb9}
Active {#828897}

Dark

Light {#bcbdc5}
Normal {#2c2d3a}
Active {#262734}

Teal

Light {#d9fff8}
Normal {#2cddbe}
Active {#20c7aa}

purple

Light {#f4daff}
Normal {#a95ec7}
Active {#8f3faf}

pink

Light {#fddcef}
Normal {#f77dc2}
Active {#da55a0}

Template colors

Light color and backgrounds / Light button = #f3f8fa
Body background / Light active = #f2f6f8
Body text color = #9ba4ae
Heading Text colors = #182359
Border color = #e1eaea