Digital colour palette

See our brand colours for web work and how they should be used with text.

Digital colours

The colours we use for digital work vary slightly from our brand colours for print.

This is because web colours must meet guidelines for accessibility.

The colours below have been tested using the WebAIM colour contrast checker. These variations help with the design of digital components.

When editing pages using our content systems or tools you must use our standard page components. Do not change the default colours or bring in new components.

If you need advice, email dcm@sussex.ac.uk.

Read more advice on accessibility.

AAA standard colours

Large Text
Default Text

Background colour: Flint
Background colour Hex: #013035
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Flint dark
Background colour Hex: #012428
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Flint light
Background colour Hex: #34595d
Text colour Hex: #ffffff

Large Text
---

Background colour: Aquamarine web
Background colour Hex: #007a78
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Aquamarine web darker
Background colour Hex: #003030
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Aquamarine web dark
Background colour Hex: #005554
Text colour Hex: #ffffff

Large Text
---

Background colour: Aquamarine web light
Background Hex: #4ca1a0
Text colour Hex: #000000

Large Text
Default Text

Background colour: Aquamarine web lighter
Background colour Hex: #99c9c9
Text colour Hex: #000000

Large Text
Default Text

Background colour: Cobalt
Background colour Hex: #1B365D
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Cobalt blue
Background colour Hex: #1e428a
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Colbalt blue dark
Background colour Hex: #173268
Text colour Hex: #ffffff

Large Text
---

Background colour: Cobalt blue light
Background colour Hex: #4b68a1
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Navy blue
Background colour Hex: #1b365d
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Navy blue dark
Background colour Hex: #142946
Text colour Hex: #ffffff

Large Text
---

Background colour: Navy blue light
Background colour Hex: #495e7d
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Grape
Background Hex: #5d3754
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Grape dark
Background colour Hex: #46293f
Text colour Hex: #ffffff

Large Text
---

Background colour: Grape light
Background colour Hex: #7d5e76
Text colour Hex: #ffffff

Large Text
---

Background colour: Burnt orange
Background colour Hex: #dc582a
Text colour Hex: #000000

Large Text
Default Text

Background colour: Burnt orange darker
Background colour Hex: #582310
Text colour Hex: #FFFFFF

Large Text
---

Background colour: Burnt orange dark
Background Hex: #9a3d1d
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Burnt orange light
Background colour Hex: #e68a69
Text colour Hex: #000000

Large Text
Default Text

Background colour: Burnt orange lighter
Background colour Hex: #f1bca9
Text colour Hex: #000000

Large Text
---

Background colour: Coral web
Background colour Hex: #d3273e
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Coral web dark
Background colour Hex: #9e1d2f
Text colour Hex: #ffffff

Large Text
---

Background colour: Coral web light
Background colour Hex: #dc5265
Text colour Hex: #000000

Large Text
Default Text

Background colour: Sky blue
Background colour Hex: #40b4e5
Text: Hex #000000

Large Text
Default Text

Background colour: Neon light orange
Background colour Hex: #ffaa4d
Text colour Hex: #000000

Large Text
Default Text

Background colour: Greige
Background colour Hex: #f1f1f1
Text colour Hex: #000000

Large Text
Default Text

Background colour: Dark grey
Background colour Hex: #3f3f3f
Text: Hex #ffffff

Large Text
Default Text

Background colour: Turquoise
Background colour Hex: #00afaa
Text: Hex #000000

Large Text
---

Background colour: Turquoise dark
Background colour Hex: #00827e
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Turquoise light
Background colour Hex: #32beb9
Text colour Hex: #000000

Large Text
---

Background colour: Header green
Background colour Hex: #007a78
Text colour Hex: #ffffff

Large Text
Default Text

Background colour: Light green
Background colour Hex: #00AFAA
Text colour Hex: #000000

Large Text
Default Text

Background colour: Dark green
Background colour Hex: #013035
Text colour Hex: #ffffff

Large Text
---

Background colour: Links and Call To Action
Background colour Hex: #d3273e
Text colour Hex: #ffffff

AA standard

Large Text
---

Background colour: Header green
Background colour Hex: #007a78
Text colour Hex: #000000

Large Text
---

Background colour: Links and Call To Arms
Background colour Hex: #d3273e
Text colour Hex: #000000

---
Default Text

Background colour: Turquoise dark
Background colour Hex: Hex #00827e
Text colour Hex: #ffffff

Large Text
---

Background colour: Turquoise dark
Background colour Hex: #00827e
Text colour Hex: #000000

Large Text
---

Background colour: Aquamarine web light
Background colour Hex: #00827e
Text colour Hex: #ffffff

---
Default Text

Background colour: Aquamarine web light
Background colour Hex: #00827e
Text colour Hex: #000000

---
Default Text

Background colour: Cobalt blue light
Background colour Hex: #4b68a1
Text colour Hex: #ffffff

Large Text
---

Background colour: Cobalt blue light
Background colour Hex: #4b68a1
Text colour Hex: #000000

---
Default Text

Background colour: Navy blue light
Background colour Hex: #495e7d
Text colour Hex: #ffffff

Large Text
---

Background colour: Navy blue light
Background colour Hex: #495e7d
Text colour Hex: #000000

---
Default Text

Background colour: Grape light
Background colour Hex: #7d5e76
Text colour Hex: #ffffff;

Large Text
---

Background colour: Grape light
Background colour Hex: #7d5e76
Text colour Hex: #000000;

Large Text
---

Background colour: Burnt orange
Background colour Hex: #dc582a
Text colour Hex: #ffffff

---
Default Text

Background colour: Burnt orange
Background colour Hex: #dc582a
Text colour Hex: #000000

---
Default Text

Background colour: Burnt orange dark
Background colour Hex: #9a3d1d
Text colour Hex: #ffffff

Large Text
---

Background colour: Burnt orange dark
Background colour Hex: #9a3d1d
Text colour Hex: #ffffff

---
Default Text

Background colour: Coral web
Background colour Hex: #d3273e
Text colour Hex: #000000

Large Text
---

Background colour: Coral web
Background colour Hex: #d3273e
Text colour Hex: #ffffff

Large Text
---

Background colour: Coral web light
Background colour Hex: #dc5265
Text colour Hex: #000000

---
Default Text

Background colour: Coral web light
Background colour Hex: #dc5265
Text colour Hex: #ffffff

All colour combinations used for any logo or type must be compliant with WCAG AAA guidelines. Read our rules about accessibility.