Colors

Palette

White
#ffffff 📋 Copy
Gray 50
#fafafa 📋 Copy
Gray 100
#f5f5f5 📋 Copy
Gray 200
#eeeeee 📋 Copy
Gray 300
#e0e0e0 📋 Copy
Gray 400
#bdbdbd 📋 Copy
Gray 500
#9e9e9e 📋 Copy
Gray 600
#757575 📋 Copy
Gray 700
#616161 📋 Copy
Gray 800
#424242 📋 Copy
Gray 900
#212121 📋 Copy
Black
#000000 📋 Copy
Brand Blue
#005691 📋 Copy
Brand Red
#d92d3b 📋 Copy
Brand Seafoam
#44bc9d 📋 Copy
Brand Sky
#42cae5 📋 Copy
Brand Orange
#ffa237 📋 Copy
Brand Yellow
#f5d526 📋 Copy
Orange 200
#ffcc80 📋 Copy
Orange 500
#f29100 📋 Copy
Orange 700
#b36100 📋 Copy
Yellow 100
#fff4cc 📋 Copy
Yellow 300
#ffe380 📋 Copy
Yellow 400
#ffd233 📋 Copy
Yellow 600
#e6b400 📋 Copy
Green 100
#e9fcf7 📋 Copy
Green 200
#b7dccc 📋 Copy
Green 300
#47c2a3 📋 Copy
Green 600
#36a186 📋 Copy
Green 800
#297a66 📋 Copy
Blue 100
#e8f6ff 📋 Copy
Blue 300
#75bff0 📋 Copy
Blue 400
#3da3e9 📋 Copy
Blue 500
#0266ab 📋 Copy
Blue 700
#0d4a75 📋 Copy
Blue 800
#0c3b5b 📋 Copy
Transparent
transparent 📋 Copy

Gradients

White to Transparent Veritcal linear-gradient(180deg, #fff 35%, rgba(255, 255, 255, 0) 90%)