ClearKit Hype The CSS system for Clearbit products

clearbit/clearkit-hype

Colors

Theme

#148cfc
blue

#f2fafe
blue-0

#dbf1fe
blue-100

#98d5fd
blue-200

#4db1fd
blue-300

#2b9ffd
blue-400

#148cfc
blue-500

#127ee3
blue-600

#1070c9
blue-700

#0c5497
blue-800

#083864
blue-900

#041c32
blue-1000

#2a456d
navy

#f2f6fa
navy-0

#dde8f4
navy-100

#a1bddc
navy-200

#6b90c0
navy-300

#3b64a0
navy-400

#2a456d
navy-500

#253e62
navy-600

#213757
navy-700

#192a42
navy-800

#101c2c
navy-900

#080e16
navy-1000

#3abefa
aqua

#f6fcfe
aqua-0

#e4f8fe
aqua-100

#b1ecfd
aqua-200

#80dffd
aqua-300

#52d2fc
aqua-400

#3abefa
aqua-500

#34abe1
aqua-600

#2e98c8
aqua-700

#227296
aqua-800

#174c64
aqua-900

#0b2632
aqua-1000

#637eff
indigo

#f7f8ff
indigo-0

#eaeeff
indigo-100

#c2cfff
indigo-200

#9cb2ff
indigo-300

#7793ff
indigo-400

#637eff
indigo-500

#5872e5
indigo-600

#4f65cc
indigo-700

#3b4c99
indigo-800

#273266
indigo-900

#131933
indigo-1000

#c363e5
purple

#fcf7fd
purple-0

#f8eafc
purple-100

#edc2f8
purple-200

#e29bf3
purple-300

#d576f0
purple-400

#c363e5
purple-500

#af58cd
purple-600

#9c4fb7
purple-700

#753b89
purple-800

#4e275b
purple-900

#27132d
purple-1000

#c363e5
green

#f1fcf8
green-0

#d9f9ec
green-100

#97ecca
green-200

#4edc9f
green-300

#31d48b
green-400

#1dc463
green-500

#1ab059
green-600

#189c50
green-700

#11753c
green-800

#0c4e28
green-900

#052713
green-1000

#fca000
yellow

#fefbf1
yellow-0

#fef4d7
yellow-100

#fde08e
yellow-200

#fdcc50
yellow-300

#fdb61c
yellow-400

#fca000
yellow-500

#e28f00
yellow-600

#c98000
yellow-700

#976000
yellow-800

#644000
yellow-900

#322000
yellow-1000

#de2612
red

#fdf3f1
red-0

#fbddd8
red-100

#f6a194
red-200

#f06a57
red-300

#ea3927
red-400

#de2612
red-500

#c72310
red-600

#b11e0e
red-700

#85160a
red-800

#580f07
red-900

#2c0703
red-1000

#7b8b99
gray

#fafbfc
gray-0

#f0f4f8
gray-100

#e1e9f0
gray-200

#c0d0df
gray-300

#9badbc
gray-400

#7b8b99
gray-500

#596168
gray-600

#4c5359
gray-700

#373c41
gray-800

#27282a
gray-900

#131414
gray-1000

Mono

#131414
black

#ffffff
white

Services

#00A1E0
salesforce

#FF7A59
hubspot

#50B68C
segment

#5C4C9F
marketo

#1877F2
facebook

#1DA1F1
twitter

#0073B0
linkedin

#27282A
github

Gradients

Theme

#4db1fd, #148cfc
blue

#6b90c0, #2a456d
navy

#80dffd, #3abefa
aqua

#9cb2ff, #637eff
indigo

#e29bf3, #c363e5
purple

#4edc9f, #1dc463
green

#fdcc50, #fca000
yellow

#f06a57, #de2612
red

#596168, #27282a
black

Special

#4db1fd, #148cfc
azure

#4db1fd, #148cfc
orchid

#4db1fd, #148cfc
malibu

#4db1fd, #148cfc
tropic

#4db1fd, #148cfc
sky

#4db1fd, #148cfc
midnight

#4db1fd, #148cfc
shadow

#4db1fd, #148cfc
silver

#4db1fd, #148cfc
ice

#4db1fd, #148cfc
x