Colors
The following color swatches include hex and RGB codes for each of Slate's brand colors.
Questions/problems? Slack Salomone
raisin
raisin
Hex: #2c0022
RGB: 44, 0, 34
Accessibility:
Aa
Aa
Aa
raisin scale
raisin-light-40
Hex: #80667a
RGB: 128, 102, 122
Accessibility:
Aa
Aa
Aa
raisin-light-20
Hex: #56334e
RGB: 86, 51, 78
Accessibility:
Aa
Aa
Aa
raisin-dark-20
Hex: #23001b
RGB: 35, 0, 27
Accessibility:
Aa
Aa
Aa
raisin-dark-40
Hex: #1a0014
RGB: 26, 0, 20
Accessibility:
Aa
Aa
Aa
plum
plum
Hex: #6a0432
RGB: 106, 4, 50
Accessibility:
Aa
Aa
Aa
plum scale
plum-light-40
Hex: #a66884
RGB: 166, 104, 132
Accessibility:
Aa
Aa
Aa
plum-light-20
Hex: #88365b
RGB: 136, 54, 91
Accessibility:
Aa
Aa
Aa
plum-dark-20
Hex: #550328
RGB: 85, 3, 40
Accessibility:
Aa
Aa
Aa
plum-dark-40
Hex: #40021e
RGB: 64, 2, 30
Accessibility:
Aa
Aa
Aa
cherry
cherry
Hex: #ff0e50
RGB: 255, 14, 80
Accessibility:
Aa
Aa
Aa
cherry scale
cherry-light-40
Hex: #ff6e96
RGB: 255, 110, 150
Accessibility:
Aa
Aa
Aa
cherry-light-20
Hex: #ff3e73
RGB: 255, 62, 115
Accessibility:
Aa
Aa
Aa
cherry-dark-20
Hex: #cc0b40
RGB: 204, 11, 64
Accessibility:
Aa
Aa
Aa
cherry-dark-40
Hex: #990830
RGB: 153, 8, 48
Accessibility:
Aa
Aa
Aa
clementine
clementine
Hex: #ffad10
RGB: 255, 173, 16
Accessibility:
Aa
Aa
Aa
clementine scale
clementine-light-40
Hex: #ffce70
RGB: 255, 206, 112
Accessibility:
Aa
Aa
Aa
clementine-light-20
Hex: #ffbd40
RGB: 255, 189, 64
Accessibility:
Aa
Aa
Aa
clementine-dark-20
Hex: #cc8a0d
RGB: 204, 138, 13
Accessibility:
Aa
Aa
Aa
clementine-dark-40
Hex: #99680a
RGB: 153, 104, 10
Accessibility:
Aa
Aa
Aa
glacier
glacier
Hex: #21aaeb
RGB: 33, 170, 235
Accessibility:
Aa
Aa
Aa
glacier scale
glacier-light-40
Hex: #7accf3
RGB: 122, 204, 243
Accessibility:
Aa
Aa
Aa
glacier-light-20
Hex: #4dbbef
RGB: 77, 187, 239
Accessibility:
Aa
Aa
Aa
glacier-dark-20
Hex: #1a88bc
RGB: 26, 136, 188
Accessibility:
Aa
Aa
Aa
glacier-dark-40
Hex: #14668d
RGB: 20, 102, 141
Accessibility:
Aa
Aa
Aa
kiwi
kiwi
Hex: #78d33d
RGB: 120, 211, 61
Accessibility:
Aa
Aa
Aa
kiwi scale
kiwi-light-40
Hex: #aee58b
RGB: 174, 229, 139
Accessibility:
Aa
Aa
Aa
kiwi-light-20
Hex: #93dc64
RGB: 147, 220, 100
Accessibility:
Aa
Aa
Aa
kiwi-dark-20
Hex: #60a931
RGB: 96, 169, 49
Accessibility:
Aa
Aa
Aa
kiwi-dark-40
Hex: #487f25
RGB: 72, 127, 37
Accessibility:
Aa
Aa
Aa
mint
mint
Hex: #00bfa5
RGB: 0, 191, 165
Accessibility:
Aa
Aa
Aa
mint scale
mint-light-40
Hex: #66d9c9
RGB: 102, 217, 201
Accessibility:
Aa
Aa
Aa
mint-light-20
Hex: #33ccb7
RGB: 51, 204, 183
Accessibility:
Aa
Aa
Aa
mint-dark-20
Hex: #009984
RGB: 0, 153, 132
Accessibility:
Aa
Aa
Aa
mint-dark-40
Hex: #007363
RGB: 0, 115, 99
Accessibility:
Aa
Aa
Aa
carrot
carrot
Hex: #ff4900
RGB: 255, 73, 0
Accessibility:
Aa
Aa
Aa
carrot scale
carrot-light-40
Hex: #ff9266
RGB: 255, 146, 102
Accessibility:
Aa
Aa
Aa
carrot-light-20
Hex: #ff6d33
RGB: 255, 109, 51
Accessibility:
Aa
Aa
Aa
carrot-dark-20
Hex: #cc3a00
RGB: 204, 58, 0
Accessibility:
Aa
Aa
Aa
carrot-dark-40
Hex: #992c00
RGB: 153, 44, 0
Accessibility:
Aa
Aa
Aa
partisan red
partisan-red
Hex: #d32f2f
RGB: 211, 47, 47
Accessibility:
Aa
Aa
Aa
partisan-red scale
partisan-red-light-40
Hex: #e58282
RGB: 229, 130, 130
Accessibility:
Aa
Aa
Aa
partisan-red-light-20
Hex: #dc5959
RGB: 220, 89, 89
Accessibility:
Aa
Aa
Aa
partisan-red-dark-20
Hex: #a92626
RGB: 169, 38, 38
Accessibility:
Aa
Aa
Aa
partisan-red-dark-40
Hex: #7f1c1c
RGB: 127, 28, 28
Accessibility:
Aa
Aa
Aa
partisan blue
partisan-blue
Hex: #1565c0
RGB: 21, 101, 192
Accessibility:
Aa
Aa
Aa
partisan-blue scale
partisan-blue-light-40
Hex: #73a3d9
RGB: 115, 163, 217
Accessibility:
Aa
Aa
Aa
partisan-blue-light-20
Hex: #4484cd
RGB: 68, 132, 205
Accessibility:
Aa
Aa
Aa
partisan-blue-dark-20
Hex: #11519a
RGB: 17, 81, 154
Accessibility:
Aa
Aa
Aa
partisan-blue-dark-40
Hex: #0d3d73
RGB: 13, 61, 115
Accessibility:
Aa
Aa
Aa
grayscale
gray-f8
Hex: #f8f8f8
RGB: 248, 248, 248
Accessibility:
Aa
Aa
Aa
gray-f0
Hex: #f0f0f0
RGB: 240, 240, 240
Accessibility:
Aa
Aa
Aa
gray-d
Hex: #ddd
RGB: 221, 221, 221
Accessibility:
Aa
Aa
Aa
gray-c
Hex: #ccc
RGB: 204, 204, 204
Accessibility:
Aa
Aa
Aa
gray-9
Hex: #999
RGB: 153, 153, 153
Accessibility:
Aa
Aa
Aa
gray-7
Hex: #767676
RGB: 118, 118, 118
Accessibility:
Aa
Aa
Aa
gray-6
Hex: #666
RGB: 102, 102, 102
Accessibility:
Aa
Aa
Aa
gray-4
Hex: #444
RGB: 68, 68, 68
Accessibility:
Aa
Aa
Aa
gray-2
Hex: #222
RGB: 34, 34, 34
Accessibility:
Aa
Aa
Aa