Colour Pallete

The DIGIT Colour palette provides a flexible and accessible range of colours designed to enhance digital experiences across platforms. These colours ensure consistency and usability across applications while supporting a wide range of use cases.

DIGIT Colours

---

This colour palette picker only shows the latest version (6.0.0) of DIGIT Colours. For now, the available Colours are only for the light theme.

Name	Hex Code	Preview
Primary1	#C84C0E
Primary2	#0B4B66
PrimaryBG	#FBEEE8
textPrimary	#363636
textSecondary	#787878
textDisabled	#C5C5C5
paperPrimary	#FFFFFF
paperSecondary	#FAFAFA
alertSuccess	#00703C
alertSuccessBg	#F1FFF8
alertError	#B91900
alertErrorBg	#FFF5F4
alertWarning	#EA8D00
alertWarningBg	#FFF9F0
alertInfo	#0057BD
alertInfoBg	#DEEFFF
genericDivider	#D6D5D4
genericBackground	#EEEEEE
genericInputBorder	#505A5F

Usages Guidelines

---

Consistent Palette Always use colours defined in the library to ensure consistency across the application. Avoid using custom colours unless necessary and approved by the design system.
Purpose-Driven Colours Apply colours based on their intended purpose. For instance, use primary colours for buttons and links, secondary colours for accents, and background colours for general layout sections.
Contrast & Accessibility Ensure that text and important elements have enough contrast against their background. This guarantees readability and accessibility for all users, especially those with visual impairments.
Limit Colour Usage Avoid excessive use of bright or bold colours, particularly in the body text or background areas. Stick to a clean, minimalist design by using a maximum of 3 to 4 main colours in a given layout or component.