linkedin Skip to Main Content

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-450 #a7a8a9 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
$dark-green #00893b 0to255.com / PALX
$twitter #1da1f2 0to255.com / PALX
$youtube #ff0000 0to255.com / PALX
$linkedin #0a66c2 0to255.com / PALX