Colour
Always use the BCLC colour palette.
Colour contrast
Please ensure that the contrast ratio of text and interactive elements on your page meets level AA of the Web Content Accessibility Guidelines (WCAG 2.1).
Main Colours
Primary Colours
BCLC Green
background: #7DBC13;
BCLC Orange
background: #E86A10;
BCLC Red
background: #9B1831;
BCLC Grey
background: #414B56;
BCLC Green 15%
opacity: 0.15%;
background: #7DBC13;
BCLC Orange 15%
opacity: 0.15%;
background: #E86A10;
BCLC Red 15%
opacity: 0.15%;
background: #9B1831;
BCLC Grey 15%
opacity: 0.15%;
background: #414B56;
BCLC Dark Green
background: #5B890E;
BCLC Dark Orange
background: #C45A0E;
BCLC Dark Red
background: #711224;
BCLC Dark Grey
background: #272E35;
BCLC Soft Green
background: #F5FBEA;
BCLC Soft Orange
background: #FEF6F0;
BCLC Soft Red
background: #FFF1F3;
BCLC Soft Grey
background: #F4F5F5;
Secondary Colours
Light Grey
background: #F2F2F3;
Mid Grey
background: #D8D8D8;
Dark Grey
background: #7A7A7A;
Brand Colours
BCLC Green
background: #7DBC13;
BCLC Orange
background: #E86A10;
BCLC Red
background: #9B1831;
Text
BCLC Grey
background: #414B56;
Links
BCLC Orange
background: #E86A10;
Error State
BCLC Red
background: #9B1831;
BCLC Soft Red
background: #FFF1F3;
Borders
BCLC Green
background: #7DBC13;
BCLC Orange
background: #E86A10;
BCLC Grey
background: #414B56;
Mid Grey
background: #D8D8D8;
Light Grey
background: #F2F2F3;
Gradients
BCLC Grey to Clear
background: #414B56;
background: #FFFFFF;
Grey to Clear
background: #F4F5F5;
background: #FFFFFF;