A quick video showing different post it note codes for you to try.
Post it note codes:
Yellow
<div class="shadow_offset_7px_LightGrey rotate_5_degree" style="background-color: #ffff99; height: 300px; width: 300px; margin-left: 30px; margin-top: 30px;">
<div style="padding: 5px 10px 5px 10px;">
<p><span style="font-size: 14pt; color: #000080; font-family: 'Architects Daughter', lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;">Post It Note</span></p>
</div>
</div>
Blue
<div class="shadow_offset_7px_LightGrey rotate_5_degree" style="background-color: #9ccde3; height: 300px; width: 300px; margin-left: 30px; margin-top: 30px;">
<div style="padding: 5px 10px 5px 10px;">
<p><span style="font-size: 14pt; color: #000080; font-family: 'Architects Daughter', lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;">Post It Note</span></p>
</div>
</div>
Green
<div class="shadow_offset_7px_LightGrey rotate_5_degree" style="background-color: #9ce39f; height: 300px; width: 300px; margin-left: 30px; margin-top: 30px;">
<div style="padding: 5px 10px 5px 10px;">
<p><span style="font-size: 14pt; color: #000080; font-family: 'Architects Daughter', lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;">Post It Note</span></p>
</div>
</div>
Pink
<div class="shadow_offset_7px_LightGrey rotate_5_degree" style="background-color: #f4bad4; height: 300px; width: 300px; margin-left: 30px; margin-top: 30px;">
<div style="padding: 5px 10px 5px 10px;">
<p><span style="font-size: 14pt; color: #000080; font-family: 'Architects Daughter', lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;">Post It Note</span></p>
</div>
</div>