Rose Quartz and Serenity Mood

The top 10 PANTONE Spring Colors 2016
Unisex Palette

Colors this season transcend cultural and gender norms. Vivid brights give way to excitement and optimism, though quiet stability prevails in this season’s palette. For Spring 2016 there are truly no perceivable distinctions in color choices between the men’s and women’s collections, both of which focus on a desire to breathe and reflect, then play.
Read the whole Pantone Article

More articles on Rose Quartz and Serenity: stylecaster - How to Decorate Your Home , Vogue Article, Ikea life at home, Shutterstock Images

Text-Color usage

To apply a text color, add the color name with -text as a class to your element.

<div class="roseQuartz-text">Element withe class </div>

To apply a shade of the text color, add a second class with the text-light- or text-dark- prefix and the variation-number.

<div class="roseQuartz-text text-dark-3">Element withe class </div>

Border-Color usage

To apply a border color, add a class with the color name and -border suffix to your element.

<div class="roseQuartz-border">Element withe class </div>

To apply a shade of the border color, add a second class with the border-light- or border-dark- prefix and the variation-number.

<div class="roseQuartz-border border-dark-3">Element withe class </div>

Combinations

To apply a background color and a text color, add both -border and -text classes to your element.

<div class="roseQuartz serenity-text">Element withe class </div>

<div class="roseQuartz light-1 serenity-text text-dark-1">Element withe class </div>

Gradient

Learn how to create your own gradients at intensivstation.ch
Try to use a CSS Gradient Generator: colorzilla, cssmatic, angrytools, cssportal, css3factory

<div class="grad-roseQuartz-serenity">Element withe class </div>

You can combine all sorts of classes to make it look nice.

<div class="grad-roseQuartz-serenity-rq serenity-text text-light-1">Element withe class </div>

Text Gradient

Warning: This is WebKit only, but the best way to solve this.
Check these articles: kulturbanause, css-tricks, wiki selfhtml, or just generate you CSS class with enjoycss.

 /* CSS -webkit only */
.gradient-text {
	font-family: Arial;
	color: #F7CAC9;
	font-size: 50px;
	font-weight: bold;
	background: -webkit-linear-gradient(#F7CAC9, #91A8D0);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}