Primary colours
Guidance
- The base colour for CAA web applications is #0c1975. It's used for clickable elements such as links and buttons, as well as the header block.
- #008094c is for signifying focus and should only be used for this purpose.
- Error states and alert messages should always use #bd0045. Examples include the alert banner, inline input field errors and the global error messaging.
- Use #00693e to confirm the completion of a process, for example the successful submission of a form.
| Colour | Hex Code | Less Variable |
|---|---|---|
| Midnight blue | #0c1975 | @colour-brand-primary |
| Eastern blue | #008094c | @colour-eastern-blue |
| Dartmouth green | #00693e | @colour-dartmouth-green |
| Cardinal | #bd0045 | @colour-caa-red |
Secondary colours
Guidance
| Colour | Hex Code | Less Variable |
|---|---|---|
| Gray80 | #ccc | @colour-grey |
| Gray97 | #f7f7f7 | @colour-grey-lightest |
| Whisper grey | #e9e9e9 | @colour-grey-light |
| Gull grey | #a1abb2 | @colour-grey-middle |
| Charcoal | #444 | @colour-grey-dark |
| Gray20 | #333 | @colour-grey-darkest |
Provide feedback for this page