SEEK Style Guide

SEEK Style Guide

Palette

Below are all the colours included in the style guide grouped by the file they reside in.

Brand
#071d40@sk-blue-darker
#042763@sk-blue-dark
#0d3880@sk-blue
#184da8@sk-blue-light
#2765cf@sk-blue-lighter
#e60278@sk-pink
#157e00@sk-green
#5bc252@sk-green-light
#9556b7@sk-purple
#00a5ad@sk-teal
#f57c00@sk-orange
#ffc600@sk-yellow
#fffce3@sk-yellow-light
Grays
#1c1c1c@sk-black
#404040@sk-charcoal
#747474@sk-mid-gray-dark
#898989@sk-mid-gray-medium
#a8a8a8@sk-mid-gray
#d6d6d6@sk-mid-gray-light
#e1e1e1@sk-gray-medium
#eeeeee@sk-gray-light
#f7f7f7@sk-gray-lightest
#fbfbfb@sk-off-white
#ffffff@sk-white
Elements
@sk-blue-lighter@sk-link
#7e30ab@sk-link-visited
fade(#1e90ff, 75%)@sk-focus
#1d9ede@sk-highlight
@sk-mid-gray-light@sk-footer
#85c8bb@sk-career-guide-promo
#04342b@sk-career-guide-promo-link
@sk-gray-light@sk-background
@sk-white@sk-card-bg
@sk-blue-lighter@sk-form-accent
#f3f9f2@sk-positive-light
#169400@sk-positive
#157d00@sk-positive-dark
#f9f6fb@sk-info-light
#9556b7@sk-info
#904fb4@sk-info-dark
@sk-white@sk-critical-light
@sk-pink@sk-critical
#cc026a@sk-critical-dark
@sk-off-white@sk-help-light
@sk-charcoal@sk-help
@sk-green@sk-recommended-jobs
#00b600@sk-applied-jobs
Partners
#00a9e0@sk-business
@sk-pink@sk-volunteer
#3fa833@sk-learning-light
#3a9c2f@sk-learning-medium
#28871c@sk-learning-dark
Accessible Variants
#959595@sk-mid-gray-on-white
#646464@sk-mid-gray-dark-on-gray-light
#bd0b67@sk-pink-on-gray-light
#157e00@sk-learning-dark-on-gray-light
#0f749f@sk-business-on-gray-light
#2259b7@sk-link-on-mid-gray-light