Colors
Brand colors
| Color | Color variable | Value For reference only |
Notes on usage | Part of W3C color palette? |
|---|---|---|---|---|
| --w3c-classic | #005A9C | Main brand color | Yes | |
| --w3c-dark-blue | #002a56 | Supporting brand color | Yes | |
| --w3c-purple | #660066 | Yes |
Text
| Color | Color variable | Value For reference only |
Notes on usage | Part of W3C color palette? |
|---|---|---|---|---|
| --off-black | #111111 | Default text color | Yes |
Links
| Color | Color variable | Value For reference only |
Notes on usage | Part of W3C color palette? |
|---|---|---|---|---|
| --w3c-link-color | --w3c-deep-blue | Default link color | Yes | |
| --w3c-link-color--hover | --w3c-off-black | Link color hover | Yes | |
| --w3c-link-color--visited | --w3c-purple | Visited link color | Yes |
Legacy theme colors
| Color | Color variable | Value For reference only |
Notes on usage | Part of W3C color palette? |
|---|---|---|---|---|
| --w3c-blue | #003366 | Navigation | No | |
| --wai-green | #005A6A | Headings, some interactive elements | No | |
| --faded-red | #c0272d | Decorative Colors | No | |
| --red-subtle | #f1d0e1 | No | ||
| --light-blue | #196cac | No | ||
| --dk-blue | #091832 | No | ||
| --gold | #eed009 | No | ||
| --ocean | #00818d | No | ||
| --cloudy | #bccbd3 | No | ||
| --cloudy-subtle | #d0e1f1 | No | ||
| --grey | #686868 | No | ||
| --line-grey | #ddd | Gray lines under headings | No | |
| --trans-line-grey | rgba(221, 221, 221, 0.32) | Gray line only used in the footer | No | |
| --off-white | #f2f2f2 | Several very similar whites | No | |
| --body-bg | #FAFAFC | No | ||
| --lt-off-white | #fafafa | Yes | ||
| --pure-white | #ffffff | Yes | ||
| --dk-grey | #3b3b3b | Footer color | No | |
| --footer-grey | #efefef | Page footer background color | No |