Colour palette
1. Colour codes
2 main colours:
# | Main colour | RGB (digital) | CMYK (print) |
|---|---|---|---|
1 | Red | #C32519 | tbd. |
2 | Yellow | #FFE785 | tbd. |
4 supporting colours
# | Support colour | RGB (digital) | CMYK (print) |
|---|---|---|---|
3 | Blue | #33B4FF | tbd. |
4 | Grey | #E3E3E3 | tbd. |
5 | Black | #000000 | tbd. |
6 | White | #FFFFFF | tbd. |
Colours for dark mode (accent + contrast) are yet to be defined.
2. Use & prevalence
2.1 Combinations
Colour contrast must compliant with Web Content Accessibility Guidelines (WCAG) (minimum contrast of 4.5:1 for selected combinations)
Here are WCAG-compliant combinations:
2.2 Use
# | Colour | Use |
|---|---|---|
1 | Red | Main colour Called Accent color on Archbee: buttons, links underline, titles when selected |
2 | Yellow | Second main colour Useful for text highlight (titles) and for decorative elements |
3 | Blue | Reserve colour. In case 2 main colours are not enough |
4 | Grey | Called Contrast color on Archbee |
5 | Black | Body text |
6 | White | Background |