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

Free and premium multipage themes & UI Kits For freelancers, developers, businesses, and personal use crafted with Astro JS & Tailwind CSS
logo · logo

Lexington Themes

Free and premium multipage themes & UI Kits For freelancers, developers, businesses, and personal use crafted with Astro JS & Tailwind CSS

Visit Lexington Themes
Premium components, elements and layouts For freelancers, developers, businesses, and personal use. Beautifully crafted with Tailwind CSS and Alpine JS
logo · logo

Oxbow UI

Premium components, elements and layouts For freelancers, developers, businesses, and personal use. Beautifully crafted with Tailwind CSS and Alpine JS

Visit Oxbow UI