Colors
Sass Variable | Hex Code | Color Generators | |
---|---|---|---|
$app-blue
|
#EAF1FA
|
0to255.com / PALX | |
$logo-red
|
#cc4e41
|
0to255.com / PALX | |
$codingame-yellow
|
#F2BB13
|
0to255.com / PALX | |
$codingame-yellow-hover
|
#FFD200
|
0to255.com / PALX | |
$link-blue
|
#428bca
|
0to255.com / PALX | |
$orange
|
#FFECB3
|
0to255.com / PALX | |
$blue-lagoon
|
#619AA0
|
0to255.com / PALX | |
$feature-blue
|
#E1F5FE
|
0to255.com / PALX | |
$feature-green
|
#E0F2F1
|
0to255.com / PALX | |
$sales-blue
|
#CDEEFD
|
0to255.com / PALX | |
$sales-blue-gradient
|
#D7F2FE
|
0to255.com / PALX | |
$sales-green
|
#D8F4EF
|
0to255.com / PALX | |
$enterprise-light-blue
|
#EDFAFC
|
0to255.com / PALX | |
$enterprise-bold-blue
|
#04A9F4
|
0to255.com / PALX | |
$enterprise-blue
|
#CDEEFD
|
0to255.com / PALX | |
$enterprise-almost-white
|
#F3F5F7
|
0to255.com / PALX | |
$enterprise-gray
|
#F9FAFB
|
0to255.com / PALX | |
$enterprise-circle-gray
|
#EDF0F3
|
0to255.com / PALX | |
$enterrpise-dark-green
|
#196A5B
|
0to255.com / PALX | |
$cta-gradient-blue
|
#BBDEFB
|
0to255.com / PALX | |
$cta-gradient-blue-light
|
#EFF7FE
|
0to255.com / PALX | |
$cta-gradient-green
|
#B2DFDB
|
0to255.com / PALX | |
$cta-gradient-green-light
|
#F2FAF9
|
0to255.com / PALX | |
$in-app-gray-80
|
#363739
|
0to255.com / PALX | |
$in-app-gray-70
|
#4F5053
|
0to255.com / PALX | |
$in-app-gray-60
|
#848587
|
0to255.com / PALX | |
$in-app-gray-20
|
#E5E5E5
|
0to255.com / PALX | |
$in-app-gray-15
|
#ECECEC
|
0to255.com / PALX | |
$in-app-gray-10
|
#F3F3F3
|
0to255.com / PALX | |
$in-app-gray-05
|
#F7F7F8
|
0to255.com / PALX | |
$in-app-link-blue
|
#2D72CC
|
0to255.com / PALX | |
$in-app-beige
|
#EAE6D9
|
0to255.com / PALX | |
$gray-90
|
#090A0B
|
0to255.com / PALX | |
$gray-70
|
#383838
|
0to255.com / PALX | |
$gray-67
|
#515050
|
0to255.com / PALX | |
$gray-65
|
#5E5D5D
|
0to255.com / PALX | |
$gray-60
|
#4b555e
|
0to255.com / PALX | |
$gray-50
|
#7a8b99
|
0to255.com / PALX | |
$gray-40
|
#828B94
|
0to255.com / PALX | |
$gray-30
|
#979797
|
0to255.com / PALX | |
$gray-20
|
#c7d1d9
|
0to255.com / PALX | |
$gray-15
|
#eaeaeb
|
0to255.com / PALX | |
$gray-10
|
#dedcdc
|
0to255.com / PALX | |
$gray-05
|
#f2f5f7
|
0to255.com / PALX | |
$gray-05-warm
|
#f5f4f4
|
0to255.com / PALX | |
$gray-03
|
#F9FAFA
|
0to255.com / PALX | |
$swoosh-white
|
#FEFEFE
|
0to255.com / PALX | |
$black
|
#121112
|
0to255.com / PALX | |
$gray-100
|
#1c1b1c
|
0to255.com / PALX | |
$gray-200
|
#252425
|
0to255.com / PALX | |
$gray-300
|
#333233
|
0to255.com / PALX | |
$gray-400
|
#565556
|
0to255.com / PALX | |
$gray-500
|
#D9D9D9
|
0to255.com / PALX | |
$gray-600
|
#EFEFEF
|
0to255.com / PALX | |
$gray-700
|
#F8F8F8
|
0to255.com / PALX | |
$white
|
#fff
|
0to255.com / PALX | |
$red
|
#D91629
|
0to255.com / PALX | |
$red-dark
|
#C21425
|
0to255.com / PALX | |
$yellow
|
#FFEA7A
|
0to255.com / PALX | |
$blue
|
#114B5F
|
0to255.com / PALX | |
$light-blue
|
#1B61BB
|
0to255.com / PALX | |
$green
|
#37C773
|
0to255.com / PALX | |
$twitter
|
#1da1f2
|
0to255.com / PALX | |
$youtube
|
#ff0000
|
0to255.com / PALX | |
$linkedin
|
#0a66c2
|
0to255.com / PALX |