| Color | Name | Hex | Token | Background class | Font class |
|---|---|---|---|---|---|
| Principal blue | #0076CF | $color-primary | pds-color-bg-primary | pds-color-font-primary | |
| Admiral blue | #0061A0 | $color-core-1 | pds-color-bg-core-1 | pds-color-font-core-1 | |
| True blue | #0091DA | $color-core-2 | pds-color-bg-core-2 | pds-color-font-core-2 | |
| Navy blue | #004C97 | $color-core-3 | pds-color-bg-core-3 | N/A | |
| Sky blue 1 | #F0FBFE | $color-core-4 | pds-color-bg-core-4 | N/A | |
| Sky blue 2 | #E3F5FD | $color-core-5 | pds-color-bg-core-5 | N/A | |
| Sky blue 3 | #D2F1FD | $color-core-6 | pds-color-bg-core-6 | N/A | |
| Sky blue 4 | #BBE6FC | $color-core-7 | pds-color-bg-core-7 | N/A | |
| Prussian blue | #003865 | $color-core-8 | pds-color-bg-core-8 | pds-color-font-core-8 | |
| Dark prussian blue | #002855 | $color-core-9 | pds-color-bg-core-9 | pds-color-font-core-9 |
| Color | Name | Hex | Token | Background class | Font class |
|---|---|---|---|---|---|
| Maya blue | #94D8FA | $color-complementary-1 | pds-color-bg-complementary-1 | pds-color-font-complementary-1 | |
| Dark maya blue | #62B5E5 | $color-complementary-2 | pds-color-bg-complementary-2 | pds-color-font-complementary-2 | |
| Cyan | #00C4D9 | $color-complementary-3 | pds-color-bg-complementary-3 | pds-color-font-complementary-3 | |
| Ocean cyan | #007FA3 | $color-complementary-4 | pds-color-bg-complementary-4 | N/A | |
| Dark ocean cyan | #315470 | $color-complementary-5 | pds-color-bg-complementary-5 | N/A |