| Color |
Name |
Hex |
Description |
Token |
Background class |
Font class |
|
Util success |
#00A29B |
Used to indicate success. Not to be used for text. |
$color-utility-success |
pds-color-bg-utility-success |
N/A |
|
Util warning |
#F76800 |
Used to indicate a warning. Not to be used for text. |
$color-utility-warning |
pds-color-bg-utility-warning |
N/A |
|
Util error |
#C00000 |
Used to indicate errors. |
$color-utility-error |
pds-color-bg-utility-error |
pds-color-font-utility-error |
|
Principal blue 110 |
#005DB6 |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-primary-110 |
pds-color-bg-utility-primary-110 |
N/A |
|
Principal blue 120 |
#00439C |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-primary-120 |
pds-color-bg-utility-primary-120 |
N/A |
|
Admiral blue 110 |
#004887 |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-1-110 |
pds-color-bg-utility-core-1-110 |
N/A |
|
Admiral blue 120 |
#002E6D |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-1-120 |
pds-color-bg-utility-core-1-120 |
N/A |
|
Dark prussian 80 |
#335B88 |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-9-80 |
pds-color-bg-utility-core-9-80 |
N/A |
|
Dark prussian 90 |
#1A426F |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-9-90 |
pds-color-bg-utility-core-9-90 |
N/A |
|
Dark prussian 110 |
#000F3C |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-9-110 |
pds-color-bg-utility-core-9-110 |
N/A |
|
Dark prussian 120 |
#000022 |
Only intended for use as an interactive tint. Do not use for other purposes. |
$color-utility-core-9-120 |
pds-color-bg-utility-core-9-120 |
N/A |