Please be advised that there are intermittent IT issues at the Registration Offices at Woodlands. As a result, appointments may be delayed today. We sincerely apologise for the inconvenience caused. Our team is working to rectify the issue as soon as possible. Thank you for your patience and understanding.
Colours
How to use colours to create consistent and user friendly online experiences on Barking and Dagenham digital products.
Brand colours
Red
Hex code: #E60000
Accent colour for icons and non-text decoration
Image
![Example of the 'Red' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Red.png?itok=TwRFYLIP)
Black
Hex code: #0B0C0C
Body copy, headings, borders, footer background
Image
![Example of the 'Black' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Black.png?itok=_uzxOJux)
White
Hex code: #FFFFFF
Copy on dark backgrounds, background, footer text
Image
![Example of the 'White' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/White.png?itok=puAzctB5)
Dark aubergine
Hex code: 320A4B
Image
![Example of the 'Purple' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Purple.png?itok=FS3TwIJQ)
Component colours
Black
Hex code: #0B0C0C
Body text
Image
![Example of the 'Black' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Black.png?itok=_uzxOJux)
Yellow
Hex code: FFDD00
Focus state for text. Can also be used as an outline for non text elements such as buttons, links around images and alert banners.
Image
![Example of the 'Yellow' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Yellow.png?itok=nkrHYTIo)
Blue
Hex code: #2832A0
Linked text and information alerts.
Image
![Example of the 'Blue' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Blue.png?itok=B06XFMRB)
Green
Hex code: #007934
Call to action/start buttons. Positive state to inform user about success and progress.
Image
![Example of the 'Green' colour used in our Design System](/sites/default/files/styles/1440_wide/public/2022-11/Green.png?itok=pRv-Wuh1)