Brand Color is a collection of colors available in Sass, Less, Stylus and CSS.All you have to do is to click on the color an copy.

brand-colors

Here is how to implement:

Scss

@import 'bower_components/brand-colors/dist/latest/scss/brand-colors.latest.scss'

.a-div {
  color: $spotify;
}

less

@import 'bower_components/brand-colors/dist/latest/less/brand-colors.latest.less'

.a-div {
  color: @spotify;
}

Sass

@import 'bower_components/brand-colors/dist/latest/scss/brand-colors.latest.sass'

.a-div
  color: $spotify
<strong>stylus</strong>

[php]@import 'bower_components/brand-colors/dist/latest/stylus/brand-colors.latest.styl'

.a-div {
  color: $spotify;
}

CSS

<head>
  <link rel="stylesheet" href="bower_components/brand-colors/dist/latest/css/brand-colors.latest.css">`
  <!-- minified version -->
  <link rel="stylesheet" href="bower_components/brand-colors/dist/latest/css/brand-colors.latest.min.css">`

[gpp_button color=”blue” url=”http://brand-colors.com/” title=”Brand Colors” icon_left=”cloud-download” target=”_blank” size=”medium” display=”inline”]Brand Colors[/gpp_button]

[gpp_button color=”black” url=”https://designbeep.com/category/resources/” title=”free tools” icon_left=”external” target=”_blank” size=”medium” display=”inline”]View All Free Tools[/gpp_button]