Did you know? You can quickly create, edit, preview and apply themes to your experiences with Theme Builder, a new application available now in the ServiceNow Store. Check it out

Hooks Releases Validator Decoder Colors Themes

HomeColorsColor Generator Advanced (BETA)

Color Generator Advanced (BETA)

Dark Mode

Brand Primary

#4F52BD

Edit

Brand Secondary

#302F4B

Edit

Brand Neutral

#4F5664

Edit

Neutrals

#ffffff

#f6f6f8

#e3e5e9

#d3d6dc

#c0c5cd

#b0b5bf

#9fa4b0

#8f95a1

#7d8592

#6e7583

#5d6473

#4F5664

#454d5b

#3d4452

#353b49

#2c323f

#252a35

#1c212b

#151920

#0e1116

#07080b

#000000

Edit

Primary

#d1d2ee

#4F52BD

#363881

#1c1d42

Edit

Secondary

#d1d2ee

#4F52BD

#363881

#1c1d42

Edit

Selection Primary

#d9ebe6

#6eb4a0

#007B58

#005c42

#003e2c

Edit

Selection Secondary

#d1d2ee

#9092d5

#4F52BD

#363881

#1c1d42

Edit

Interactive

#d1d2ee

#9092d5

#4F52BD

#33357b

#181939

Edit

Link

#7a8eef

#3C59E7

#293d9f

#162155

Edit

Focus

#778bee

#3C59E7

#162155

Edit

Surface Brand

#e6f2ee

#b8dad0

#8ac2b2

#5cab94

#2e9376

#007B58

Edit

Surface Neutral

#fcfcfd

#f2f3f5

#e8eaed

#dee0e5

#d4d8dd

#caced5

Edit

Surface Divider

#f2f3f4

#dfe1e4

#cbced3

#b8bcc3

#a4aab3

#9197a2

Edit

Chrome Brand

#e0e0e4

#bdbcc5

#9a99a7

#767688

#53526a

#302F4B

#2b2a44

#26263c

#222135

#1d1c2d

#181826

Edit

Chrome Divider

#aaa9b3

#90909c

#777685

#5d5c6f

#444358

#2A2941

#232237

#1d1c2c

#161522

#0f0f17

#08080d

Edit

Alert Critical

#ffccd2

#ff7e8e

#FF334B

#cc293c

#991f2d

#66141e

Edit

Alert High

#ffe5bf

#febd5e

#FD9700

#c07300

#844f00

#472a00

Edit

Alert Warning

#fbf7bf

#f6eb5e

#F0E000

#b6aa00

#7d7400

#433f00

Edit

Alert Moderate

#e1d9ff

#b6a2ff

#8B6BFF

#6a51c2

#483885

#271e47

Edit

Alert Info

#cbe9fc

#82c9f8

#38AAF4

#2b81b9

#1d587f

#103044

Edit

Alert Positive

#d2eabd

#91cc5e

#51AE00

#3c8100

#265200

#112500

Edit

Alert Low

#e4e4e7

#bdbec6

#9698A4

#6f7079

#47474d

#202022

Edit

Grouped Blue

#d9f4f9

#9fe3ef

#67D2E6

#50a4b3

#3b7883

#244a51

Edit

Grouped Brown

#f4e9dd

#e3c7a8

#D3A675

#a5815b

#785f43

#4a3a29

Edit

Grouped Gray

#e8eaea

#c5cacb

#A3ABAC

#7f8586

#5d6162

#393c3c

Edit

Grouped Green

#d4eed8

#91d39c

#51B962

#3f904c

#2e6938

#1c4122

Edit

Grouped Green Yellow

#f1f6db

#dce8a4

#C8DA6E

#9caa56

#727c3f

#464c27

Edit

Grouped Magenta

#f9daef

#f1a1d7

#E869BF

#b55295

#843c6d

#512543

Edit

Grouped Orange

#ffe2dc

#ffb7a6

#FF8C72

#c76d59

#915041

#593128

Edit

Grouped Pink

#f7dfe7

#ebafc3

#E080A0

#af647d

#80495b

#4e2d38

Edit

Grouped Purple

#efdefa

#d5abf2

#BD7AEA

#935fb7

#6c4685

#422b52

Edit

Grouped Teal

#d4f0f0

#91d9d9

#51C2C2

#3f9797

#2e6f6f

#1c4444

Edit

Grouped Yellow

#fff1d4

#ffdb91

#FFC651

#c79a3f

#91712e

#59451c

Edit