--- title: Colour palette slug: colour-palette docTags: createdAt: 2024-09-20T15:41:40.293Z --- # 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. | :::hint{type="danger"} 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: ![](https://api.archbee.com/api/optimize/D6cLWteQ3xuGlatMmpNAn-WebXKyZfzkDIigFSNat-Z-20250516-105918.png) ## 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 |