Colors
| Color | Color variable | HEX/RGBA Code (For reference! Use variables) |
Notes |
|---|---|---|---|
| --w3c-classic | #005A9C | Header color, link color | |
| --w3c-blue | #003366 | Some other colors, navigation | |
| --wai-green | #005A6A | For headings, some interactive elements | |
| --off-black | #1d1d1d | Main text color | |
| --dk-grey | #3b3b3b | Footer color | |
| --faded-red | #c0272d | Decorative Colors | |
| --red-subtle | #f1d0e1 | ||
| --light-blue | #196cac | ||
| --dk-blue | #091832 | ||
| --gold | #eed009 | ||
| --ocean | #00818d | ||
| --cloudy | #bccbd3 | ||
| --cloudy-subtle | #d0e1f1 | ||
| --grey | #686868 | ||
| --line-grey | #ddd | Grey lines under headings | |
| --trans-line-grey | rgba(221, 221, 221, 0.32) | Grey line only used in the footer | |
| --off-white | #f2f2f2 | Several very similar whites | |
| --body-bg | #FAFAFC | ||
| --lt-off-white | #fafafa | ||
| --pure-white | #ffffff | ||
| --visited-link | #660066 | Visited link color (to be changed) | |
| --footer-grey | #efefef | Page footer background color |