Base Colors
The raw palette. Twelve hues, eleven shades each, plus alpha ramps and neutrals.
Gray
50#f8f8f8
100#f3f3f3
200#ededed
300#e2e2e2
400#c7c7c7
500#999999
600#7c7c7c
700#525252
800#383838
900#171717
950#0f0f0f
Blue
50#f1f8fe
100#e6f4ff
200#d1eaff
300#b5ddfd
400#61afef
500#0d8ef8
600#077ddf
700#0375d3
800#005cad
900#004880
950#032e63
Green
50#f0faf3
100#e4faeb
200#bdefcc
300#a8e6be
400#7edaa1
500#43ac79
600#268c5c
700#14804d
800#075e35
900#173b2c
950#0a3020
Red
50#fff5f5
100#ffe7e7
200#ffd8d8
300#fdc2c2
400#f79596
500#e03434
600#ce2c2c
700#b41d1d
800#941f1f
900#6b1515
950#4c0d0d
Orange
50#fff4ed
100#ffefe4
200#ffdec5
300#ffcba3
400#f4b07f
500#e86c13
600#d35a09
700#bd3e0c
800#9e3513
900#6b2711
950#491605
Amber
50#fdf8ed
100#fff4d3
200#f6eac0
300#f3e3b4
400#f4cd80
500#df9311
600#ca7e0c
700#bb6f0c
800#91400d
900#763813
950#4e2209
Yellow
50#fcfbe8
100#fff7d3
200#f7e9a8
300#f5e171
400#f2d14b
500#edba13
600#ab790d
700#9a6304
800#8c5600
900#733f12
950#542e0d
Teal
50#eefbf8
100#e6f7f4
200#bae8e1
300#97ded4
400#73d1c4
500#36baad
600#0a857b
700#0f736b
800#115c57
900#114541
950#053734
Cyan
50#f2fbfd
100#ddf7ff
200#b3e8f7
300#99e2f8
400#72d5f3
500#3bbde5
600#1f8cad
700#1d7f9d
800#125c73
900#164759
950#05383f
Purple
50#f8f3fb
100#f6e9ff
200#ecd3ff
300#e2b9fc
400#bf78fa
500#9c45e3
600#8e49ca
700#6e399d
800#5c2f83
900#401863
950#2d084e
Pink
50#fff7fc
100#fde8f5
200#ffd5f0
300#f9b9e0
400#f77cc6
500#e34aa6
600#cf3a96
700#9c2671
800#801458
900#570f3e
950#40062c
Violet
50#f7f6fe
100#eee8ff
200#dbd5ff
300#d2c5fc
400#b5a1fc
500#7757ee
600#6e57d1
700#4f3da1
800#392980
900#251959
950#150655
Gray Alpha
50#00000008
100#0000000b
200#00000012
300#0000001d
400#00000038
500#00000066
600#00000083
700#000000ad
800#000000c7
900#000000e8
950#000000f0
Overlays
white-overlay
50
100
200
300
400
500
600
700
800
900
950
black-overlay
50
100
200
300
400
500
600
700
800
900
950
Neutrals
white#ffffff
black#000000