US Digital Service color design system
Explore the US Digital Service color design system with ease. View and copy each color's code in multiple formats: HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV. Simply select a color and copy its code to your clipboard.
Gray
#f0f0f0
#e6e6e6
#c9c9c9
#adadad
#919191
#757575
#5c5c5c
#454545
#2e2e2e
#1b1b1b
CoolGray
#edeff0
#dcdee0
#c6cace
#a9aeb1
#8d9297
#71767a
#565c65
#3d4551
#2d2e2f
#1c1d1f
WarmGray
#f0f0ec
#e6e6e2
#cac9c0
#afaea2
#929285
#76766a
#5d5d52
#454540
#2e2e2a
#171716
CoolMint
#e0f7f6
#c4eeeb
#9bd4cf
#6fbab3
#4f9e99
#21827f
#376462
#2a4b45
#203131
#111818
Cyan
#e7f6f8
#ccecf2
#9ddfeb
#6ecbdb
#449dac
#168092
#2a646d
#2c4a4e
#203133
#111819
CoolBlue
#e7f2f5
#dae9ee
#adcfdc
#82b4c9
#6499af
#3a7d95
#2e6276
#224a58
#14333d
#0f191c
Blue
#eff6fb
#d9e8f6
#aacdec
#73b3e7
#4f97d1
#2378c3
#2c608a
#274863
#1f303e
#11181d
WarmBlue
#ecf1f7
#e1e7f1
#cbc4f2
#afa5e8
#9287d8
#7665d1
#5e519e
#453c7b
#252f3e
#13171f
CoolIndigo
#eef0f9
#e1e6f9
#bbc8f5
#96abee
#6b8ee8
#496fd8
#3f57a6
#374274
#292d42
#151622
Indigo
#efeff8
#e5e4fa
#c5c5f3
#a5a8eb
#8889db
#676cc8
#4d52af
#3d4076
#2b2c40
#16171f
WarmIndigo
#f1eff7
#e7e3fa
#cbc4f2
#afa5e8
#9287d8
#7665d1
#5e519e
#453c7b
#2e2c40
#18161d
Violet
#f4f1f9
#ebe3f9
#d0c3e9
#b8a2e3
#9d84d2
#8168b3
#665190
#4c3d69
#312b3f
#18161d
VioletWarm
#f8f0f9
#f6dff8
#e2bee4
#d29ad8
#bf77c8
#b04abd
#864381
#5c395a
#382936
#18151b
Magenta
#f9f0f2
#f6e1e8
#f0bbcc
#e895b3
#e0699f
#c84281
#8b4566
#66364b
#402731
#1b1617
CoolRed
#f8eff1
#f3e1e4
#ecbec6
#e09aa6
#e16b80
#cd425b
#9e394b
#68363f
#402828
#1e1517
Red
#f9eeee
#f8e1de
#f7bbb1
#f2938c
#e9695f
#c63639
#a02424
#792020
#4d1617
#2a1415
WarmRed
#f8eeee
#f7e3e0
#e6c2b7
#d8a68e
#cd8a6b
#b85d4a
#6e3d30
#4a2e24
#2d1e18
#161212
Pink
#fceff5
#f8e3ea
#f4c6d0
#ef9fb9
#ec758c
#d72b68
#a21b5d
#721442
#4a0e27
#240d14