Colors

Colors used in Bulkit.

Get Started

1

Global Colors

Colors available globaly

Hex: #fff
$white
Hex: #fcfcfc
$smoke-white
Hex: #f2f2f2
$grey-white
Hex: #e2e2e2
$grey-white-accent
Hex: #EFF4F7
$light-grey
Hex: #f7fcff
$ultra-light-grey
Hex: #A9ABAC
$title-grey
Hex: #444F60
$blue-grey
Hex: #98a9c3
$light-blue-grey
Hex: #66676b
$medium-grey
Hex: #878787
$basaltic-grey
Hex: #999
$muted-grey
Hex: #fbfbfb
$section-grey
Hex: #efefef
$section-grey-accent
Hex: #f5f9fc
$header-grey
Hex: #ccc
$default-input
Hex: #cecece
$placeholder
Hex: #ededed
$fade-grey
Hex: ##444
$coal
Hex: #344258
$sidebar
Hex: #344258
$sidebar
Hex: #333
$grey-3
Hex: #555
$grey-5
Hex: #666
$grey-6
Hex: #f6f4ff
$cream-grey
Hex: #818a97
$icon-grey
Hex: #039be5
$blue
Hex: #00b289
$green
Hex: #eda514
$orange
Hex: #ff7273
$red
2

Social Colors

Social Media Colors

Hex: #3b5998
$facebook
Hex: #1dcaff
$twitter
Hex: #007bb6
$linkedin
Hex: #35465c
$tumblr
Hex: #444
$github
Hex: #ea4c89
$dribbble
Hex: #d34836
$google-plus
Hex: #cc181e
$youtube
Hex: #ff4500
$reddit
3

Main theme

Specific theme colors

Hex: #4FC1EA
$primary
Hex: #673ab7
$secondary
Hex: #7F00FF
$accent
4

Green theme

Specific theme colors

Hex: #00b289
$primary
Hex: #00b289
$secondary
Hex: #06f4b6
$accent
5

Deep Blue theme

Specific theme colors

Hex: #0082c8
$primary
Hex: #7c4dff
$secondary
Hex: #00b289
$accent
6

Lemonade theme

Specific theme colors

Hex: #039BE5
$primary
Hex: #0084c4
$secondary
Hex: #00D1B2
$accent
7

Dashboard theme

Specific theme colors

Hex: #00D1B2
$primary
Hex: #7F00FF
$secondary
Hex: #536dfe
$accent