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;