Koffee UI 2 comes with various predefined and preset colors.
These colors can be applied in elements by just adding the class .kf-bg-<color>
<!-- Bg red -->
<div className="kf-bg-red">This is a red div</div>
<!-- Bg green -->
<div className="kf-bg-green">This is a green div</div>
<!-- Bg blue -->
<div className="kf-bg-blue">This is a blue div</div>
<!-- Bg yellow -->
<div className="kf-bg-yellow">This is a yellow div</div>
<!-- Bg purple -->
<div className="kf-bg-purple">This is a purple div</div>