Colours
The Colour Palette outlines the curated set of hex colour codes that define the visual identity of your website. It provides exact hex codes for consistent application across web elements like backgrounds, text, and interactive components. This ensures a cohesive look and feel that aligns with the brand’s aesthetic, enhancing the overall user experience and brand recognition.
Base, Neutral, Contrast
Base
100
Neutral
500
Contrast
700
CTA 100 – 700
CTA
100
CTA
200
CTA
300
CTA
500
CTA
600
CTA
700
Primary 100 – 700
Primary
100
Primary
200
Primary
300
Primary
500
Primary
600
Primary
700
Secondary 100 – 700
Secondary
100
Secondary
200
Secondary
300
Secondary
500
Secondary
600
Secondary
700
Tertiary 100 – 700
Tertiary
100
Tertiary
200
Tertiary
300
Tertiary
500
Tertiary
600
Tertiary
700
Quaternary 100 – 700
Quaternary
100
Quaternary
200
Quaternary
300
Quaternary
500
Quaternary
600
Quaternary
700
Quinary 100 – 700
Quinary
100
Quinary
200
Quinary
300
Quinary
500
Quinary
600
Quinary
700
Senary to Denary
Senary
Septenary
Octonary
Novenary
Denary
Gradients
Primary to
Quaternary
Primary to
Black
Black to Primary
Septenary to Tertiary
Denary to Quinary
Tertiary to Quaternary
Secondary to Tertiary