Gradients - Overview
Gradients
Channels
Gradients for each Sky Channel. Do not use a channel gradient if you are not talking about that specific channel.
- #041957
- #122d74
- #021158
- #122476
- #0d0d0d
- #262626
- #5c0f39
- #80082c
- #003268
- #073fa0
- #6626a1
- #4c0080
- #ff5200
- #ff5200
- #e90000
- #e90000
- #8c00ff
- #ff5e1d
- #003264
- #27749d
- #000000
- #000000
- #ff0031
- #9b0031
- #1A0202
- #570505
- #361740
- #763175
- #182935
- #31576b
- #ff8200
- #ff8200
- #2b6300
- #3e8f00
Products
Gradients for select Sky Products. Only use them if you’re directly referencing a particular product.
Looking for the sub-brand gradients? They’ve been removed as they are no longer in use as of the November 2025 Sky rebrand.
- #ff8c00
- #f80032
- #ff00a0
- #8c28ff
- #0023ff
- #19a0ff
- #000ff5
- #00e6ff
(previously connect)
- #0644a1
- #862e81
- #001211
- #00818a
Products - Accessible
Gradients must not be used on typography or icons. They can however be used for illustrations (larger than icons with more details). See the Icons documentation for more information.
Looking for the Accessible gradients for Spectrum and other sub-brands (TV, Mobile and Broadband)? They’ve been removed as they are no longer in use as of the November 2025 Sky rebrand.
- #003fff
- #158ff4
(previously connect)
Loyalty
Gradients for use across loyalty.
- #708186
- #a1acb2
- #c88b2e
- #e6bb63
- #6e6c89
- #8d8dbe
- #191919
- #474747
Regional Variations
Certain Foundation Styles are required to have regional variations and indicate the region within folder and style name, i.e. Regional-Germany/Gradients-DE.
Gradients
- #000ff5
- #0096ff
- #4c0080
- #6626a1
- #ff6218
- #ffa300
- #065730
- #0ba158
- #990033
- #cb0033
- #000000
- #555555
Accessible Gradients
- #c1481b
- #996200
- #065730
- #08713e
- #990033
- #cc0027