Colour

The main colours for Camden components, styles and other elements.

These are the main colours for Camden components, styles and other elements.

Always use the colour palette. Make sure text and interactive elements meet WCAG 2.2 AA contrast requirements.

Brand

Colour	Hex	Variable name
Camden magenta	`#ae094e`	`$govuk-brand-colour`
Camden magenta hover	`#960843`	`$govuk-brand-hover-colour`
Camden magenta tint	`#fdd8e8`	`$govuk-brand-6-1-colour`

Text and links

Colour	Hex	Variable name
Text	`#0b0c0c`	`$govuk-text-colour`
Secondary text	`#4d5051`	`$govuk-secondary-text-colour`
Inverse text	`#ffffff`	`$govuk-negative-text-colour`
Link	`#003e90`	`$govuk-link-colour`
Link hover	`#113255`	`$govuk-link-hover-colour`
Link visited	`#4c2c92`	`$govuk-link-visited-colour`
Link active	`#0b0c0c`	`$govuk-link-active-colour`

Backgrounds and borders

Colour	Hex	Variable name
White	`#ffffff`	`$govuk-colour("white")`
Dark background	`#4d5051`	`$govuk-bg-dark1-colour`
Bright background	`#f2f5f9`	`$govuk-bg-bright1-colour`
Border	`#8b9192`	`$govuk-border-colour`
Header border	`#b1b4b6`	`$govuk-border-header-colour`
Input border	`#0b0c0c`	`$govuk-input-border-colour`

States

Colour	Hex	Variable name
Focus	`#ffde02`	`$govuk-focus-colour`
Focus text	`#0b0c0c`	`$govuk-focus-text-colour`
Error	`#a81010`	`$govuk-error-colour`
Success	`#006135`	`$govuk-success-colour`
Warning	`#c87800`	`$govuk-warning-colour`
Warning button	`#d4351c`	`$govuk-button-warning-colour`