Colour | ClimbUK brand centre

The palette

Every colour

Climb Orange #E8712A replaced #EC752A in October 2026. If you find the old value anywhere, replace it.

Copy as

Brand

Climb Orange --climb-color-brand-orange

Hex
#E8712A

RGB
232 113 42

CMYK
C0 M65 Y90 K0

Pantone C
158 C

Pantone U
158 U

RAL
2011 Deep Orange

Fills, shapes, decoration, large text on white, any text on Dark Brown and Charcoal. Replaced #EC752A in October 2026.
Dark Brown --climb-color-brand-dark-brown

Hex
#1E0F05

RGB
30 15 5

CMYK
C40 M70 Y80 K85

Pantone C
Black 4 C

Pantone U
Black 4 U

RAL
8022 Black Brown

The default ground: dark theme first.
Light Grey --climb-color-brand-light-grey

Hex
#E9E9E9

RGB
233 233 233

CMYK
C0 M0 Y0 K10

Pantone C
Cool Gray 1 C

Pantone U
Cool Gray 1 U

RAL
9002 Grey White

Light section ground and text on dark. Never text on any orange.
White --climb-color-brand-white

Hex
#FFFFFF

RGB
255 255 255

CMYK
C0 M0 Y0 K0

RAL
9016 Traffic White
Charcoal --climb-color-brand-charcoal

Hex
#242322

RGB
36 35 34

CMYK
C60 M50 Y50 K90

CMYK text
C0 M0 Y0 K90

Pantone C
419 C

Pantone U
419 U

RAL
9011 Graphite Black

Second dark ground and headings on white.

Orange for text and marks

Orange Text --climb-color-orange-text

Hex
#C55308

RGB
197 83 8

CMYK
C0 M70 Y100 K15

Small orange text on white; fill behind small white labels; hover for Climb Orange buttons.
Orange Text on Grey --climb-color-orange-text-on-grey

Hex
#B04902

RGB
176 73 2

Small orange text on Light Grey; hover for Orange Text buttons.
Orange Large on Grey --climb-color-orange-large-on-grey

Hex
#D5641E

RGB
213 100 30

Large orange text and meaningful marks on Light Grey.
Orange Tint --climb-color-orange-tint

Hex
#F2AE86

RGB
242 174 134

CMYK
C0 M35 Y45 K0

Links and small orange text on Dark Brown and Charcoal. Never on light grounds.
Deep Orange --climb-color-orange-deep

Hex
#8D4419

RGB
141 68 25

Small orange text and links on White (7.06:1, AAA).
Deep Orange on Grey --climb-color-orange-deep-on-grey

Hex
#7A3B16

RGB
122 59 22

Small orange text and links on Light Grey (7.02:1, AAA).

Links

Link colour on white (AAA) --climb-color-link-on-white

Hex
#8D4419

RGB
141 68 25

Underline links in running text.
Link colour on Light Grey (AAA) --climb-color-link-on-grey

Hex
#7A3B16

RGB
122 59 22
Link colour on Dark Brown and Charcoal --climb-color-link-on-dark

Hex
#F2AE86

RGB
242 174 134

Text

Body Slate --climb-color-text-body-on-light

Hex
#4A5878

RGB
74 88 120

Body text on White (7.1:1, AAA).
Body text on Charcoal --climb-color-text-body-on-dark

Hex
#E9E9E9

RGB
233 233 233
Heading On Dark --climb-color-text-heading-on-dark

Hex
#FFFFFF

RGB
255 255 255
Heading On Light --climb-color-text-heading-on-light

Hex
#242322

RGB
36 35 34
Body Slate Deep --climb-color-text-body-on-grey

Hex
#404C68

RGB
64 76 104

Body text on Light Grey (7.06:1, AAA); also the AAA-Light body colour on White (8.57:1).

Pantone and RAL values are the nearest matches: confirm each against a current guide and a press proof before the first print run. How to print the brand.

Swatch files

Take the palette with you

The palette as swatch files for design, office and print software.

Download the swatches ZIP

ASE

All brands

Adobe swatches (ASE)

Load into Illustrator, Photoshop, InDesign or Affinity.

ASE 798 bytes
GPL

All brands

GIMP and Inkscape palette (GPL)

GPL 407 bytes
CSV

All brands

Colour values (CSV)

HEX, RGB, HSL, CMYK, Pantone, RAL and contrast for every colour.

CSV 2 KB
All brands 3960 x 1060

Swatch sheet

PNG 170 KB

The five presets

Pick a ground, use its pairs

Every asset, on or off the web, picks one of these as its ground. Each one comes with its checked text, heading, link, accent and button colours.

Preset 1

White

Find your people

Body text on this ground, with a link in running text.

Get your ticket

background: #FFFFFF
text: #4A5878
heading: #242322
link: #8D4419
accent small: #8D4419
accent large: #E8712A
button fill: #E8712A
button label: #FFFFFF

Preset 2

Light Grey

Find your people

Body text on this ground, with a link in running text.

Get your ticket

background: #E9E9E9
text: #404C68
heading: #B04902
link: #7A3B16
accent small: #7A3B16
accent large: #D5641E
button fill: #E8712A
button label: #FFFFFF

Preset 3

Dark Brown Default

Find your people

Body text on this ground, with a link in running text.

Get your ticket

background: #1E0F05
text: #FFFFFF
heading: #FFFFFF
link: #F2AE86
accent small: #F2AE86
accent large: #E8712A
button fill: #E8712A
button label: #FFFFFF

Preset 4

Climb Orange

Find your people

Body text on this ground, with a link in running text.

Get your ticket

background: #E8712A
text: #FFFFFF
heading: #FFFFFF
link: #FFFFFF
button fill: #FFFFFF
button label: #C55308

Preset 5

Charcoal

Find your people

Body text on this ground, with a link in running text.

Get your ticket

background: #242322
text: #E9E9E9
heading: #FFFFFF
link: #F2AE86
accent small: #F2AE86
accent large: #E8712A
button fill: #E8712A
button label: #FFFFFF

Never

Light Grey or slate text on any orange.
Orange on orange.
Climb Orange headings on Light Grey: use Orange Text on Grey.
Orange Tint on a light ground.
A lighter hover state. Hover is always darker.

The four themes

Dark, Light and their AAA twins

The AAA themes meet WCAG 2.2 AAA contrast on every role: 7:1 for text and 4.5:1 for large text. Pick one with the theme control at the top of the page and this whole book follows it. In the token CSS, set data-climb-theme to dark, light, aaa-dark or aaa-light on any element.

Role	Dark	Light	AAA Dark	AAA Light
Background	#1E0F05	#FFFFFF	#1E0F05	#FFFFFF
Surface	#242322	#E9E9E9	#242322	#FFFFFF
Text	#FFFFFF	#4A5878	#FFFFFF	#404C68
Text muted	#E9E9E9	#4A5878	#E9E9E9	#404C68
Heading	#FFFFFF	#242322	#FFFFFF	#242322
Link	#F2AE86	#8D4419	#F2AE86	#8D4419
Accent small	#F2AE86	#8D4419	#F2AE86	#8D4419
Accent large	#E8712A	#E8712A	#E8712A	#C55308
Button fill	#E8712A	#E8712A	#F2AE86	#8D4419
Button label	#FFFFFF	#FFFFFF	#1E0F05	#FFFFFF
Focus ring	#F2AE86	#1E0F05	#F2AE86	#1E0F05
Border	#242322	#E9E9E9	#E9E9E9	#242322

Dark

Main stage moments

Dark (default). Dark Brown ground, Charcoal cards. Meets AA; small accents already AAA.

A link on this theme

Light

Main stage moments

Light. White ground, Light Grey cards. Meets AA; body, links and small accents AAA.

A link on this theme

AAA Dark

Main stage moments

AAA-Dark. As Dark, with Orange Tint buttons carrying Dark Brown labels so every role passes AAA.

A link on this theme

AAA Light

Main stage moments

AAA-Light. White ground and cards, deeper slate body text, Deep Orange buttons with white labels.

A link on this theme

Contrast checker

Will it read?

Pick a text colour and a ground from the palette to see the ratio and where the pair may be used.

Text colour Ground

Your business. Bigger stage.

Body text at 16px. The right people, in the same place, for two days.

0:1

Checked pairs

Pairs we promise

Every pair below is re-checked whenever a brand colour changes. Normal text needs 4.5:1, large text (24px, or 19px bold) 3:1, AAA text 7:1.

Text	Ground	Ratio	Use for
Heading On Dark `#FFFFFF`	Climb Orange `#E8712A`	3.08	Large text only
Climb Orange `#E8712A`	Heading On Dark `#FFFFFF`	3.08	Large text only
Climb Orange `#E8712A`	Dark Brown `#1E0F05`	6.06	Any text
Climb Orange `#E8712A`	Heading On Light `#242322`	5.10	Any text
Orange Text `#C55308`	Heading On Dark `#FFFFFF`	4.55	Any text
Heading On Dark `#FFFFFF`	Orange Text `#C55308`	4.55	Any text
Orange Text on Grey `#B04902`	Body text on Charcoal `#E9E9E9`	4.55	Any text
Orange Text on Grey `#B04902`	Heading On Dark `#FFFFFF`	5.53	Any text
Orange Large on Grey `#D5641E`	Body text on Charcoal `#E9E9E9`	3.05	Large text only
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text
Link colour on Dark Brown and Charcoal `#F2AE86`	Heading On Light `#242322`	8.35	Any text
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text
Link colour on Light Grey (AAA) `#7A3B16`	Body text on Charcoal `#E9E9E9`	7.02	Any text
Heading On Dark `#FFFFFF`	Dark Brown `#1E0F05`	18.65	Any text
Body text on Charcoal `#E9E9E9`	Heading On Light `#242322`	12.92	Any text
Heading On Light `#242322`	Heading On Dark `#FFFFFF`	15.69	Any text
Body Slate `#4A5878`	Heading On Dark `#FFFFFF`	7.10	Any text
Body Slate `#4A5878`	Body text on Charcoal `#E9E9E9`	5.85	Any text
Heading On Dark `#FFFFFF`	Dark Brown `#1E0F05`	18.65	Any text, AAA
Heading On Dark `#FFFFFF`	Heading On Light `#242322`	15.69	Any text, AAA
Body text on Charcoal `#E9E9E9`	Dark Brown `#1E0F05`	15.37	Any text, AAA
Body text on Charcoal `#E9E9E9`	Heading On Light `#242322`	12.92	Any text, AAA
Heading On Dark `#FFFFFF`	Dark Brown `#1E0F05`	18.65	Any text, AAA
Heading On Dark `#FFFFFF`	Heading On Light `#242322`	15.69	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Heading On Light `#242322`	8.35	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Heading On Light `#242322`	8.35	Any text, AAA
Climb Orange `#E8712A`	Dark Brown `#1E0F05`	6.06	Large text, AAA
Dark Brown `#1E0F05`	Link colour on Dark Brown and Charcoal `#F2AE86`	9.93	Any text, AAA
Body Slate Deep `#404C68`	Heading On Dark `#FFFFFF`	8.57	Any text, AAA
Body Slate Deep `#404C68`	Heading On Dark `#FFFFFF`	8.57	Any text, AAA
Body Slate Deep `#404C68`	Heading On Dark `#FFFFFF`	8.57	Any text, AAA
Body Slate Deep `#404C68`	Heading On Dark `#FFFFFF`	8.57	Any text, AAA
Heading On Light `#242322`	Heading On Dark `#FFFFFF`	15.69	Any text, AAA
Heading On Light `#242322`	Heading On Dark `#FFFFFF`	15.69	Any text, AAA
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text, AAA
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text, AAA
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text, AAA
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text, AAA
Orange Text `#C55308`	Heading On Dark `#FFFFFF`	4.55	Large text, AAA
Heading On Dark `#FFFFFF`	Link colour on white (AAA) `#8D4419`	7.06	Any text, AAA
Heading On Dark `#FFFFFF`	Dark Brown `#1E0F05`	18.65	Any text
Heading On Dark `#FFFFFF`	Dark Brown `#1E0F05`	18.65	Any text
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text
Heading On Dark `#FFFFFF`	Climb Orange `#E8712A`	3.08	Large text only
Body Slate `#4A5878`	Heading On Dark `#FFFFFF`	7.10	Any text
Heading On Light `#242322`	Heading On Dark `#FFFFFF`	15.69	Any text
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text
Heading On Dark `#FFFFFF`	Climb Orange `#E8712A`	3.08	Large text only
Link colour on white (AAA) `#8D4419`	Heading On Dark `#FFFFFF`	7.06	Any text, AAA
Link colour on Light Grey (AAA) `#7A3B16`	Body text on Charcoal `#E9E9E9`	7.02	Any text, AAA
Body Slate `#4A5878`	Heading On Dark `#FFFFFF`	7.10	Any text, AAA
Body Slate Deep `#404C68`	Body text on Charcoal `#E9E9E9`	7.06	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Heading On Light `#242322`	8.35	Any text, AAA
Link colour on Dark Brown and Charcoal `#F2AE86`	Dark Brown `#1E0F05`	9.93	Any text, AAA