Skip to main content

Colour

Table of Contents

Introduction

Our colour palette is built around a bold lead colour, Sky Blue. It represents clarity and optimism, and above all embodies the sky of a perfect trip — year round.

We are a multi-colour brand, and support Sky Blue with a wider palette of warm, natural colours that represent the rich hues found all over our planet — from bustling cities to untouched natural landscapes.

Palette

This is our regular palette. All these colours can be used in both light and dark mode, except for the sky-gray's which should only be used in light mode.

Sky Blue

RGB 007, 112, 227
HEX #0770e3
CMYK 085, 052, 000, 000
PMS 2387

Sky Blue Shade 03

RGB 2, 18, 44
HEX #02122c
CMYK 100, 095, 004, 042
PMS 2757

Sky Blue Shade 02

RGB 4, 39, 89
HEX #042759
CMYK 100, 072, 000, 035
PMS 2147

Sky Blue Shade 01

RGB 8, 78, 178
HEX #084eb2
CMYK 096, 066, 000, 020
PMS 2145

Sky Blue Tint 03

RGB 205, 223, 248
HEX #cddff8
CMYK 018, 000, 000, 002
PMS 290

Sky Blue Tint 02

RGB 157, 192, 242
HEX #9dc0f2
CMYK 049, 009, 000, 003
PMS 2141

Sky Blue Tint 01

RGB 109, 159, 235
HEX #6d9feb
CMYK 075, 032, 000, 004
PMS 2143

Monteverde

RGB 000, 166, 152
HEX #00a698
CMYK 083, 008, 045, 000
PMS 7716

Glencoe

RGB 115, 206, 198
HEX #73cec6
CMYK 062, 003, 025, 000
PMS 2232

Sagano

RGB 208, 238, 236
HEX #d0eeec
CMYK 017, 000, 012, 000
PMS 566

Kolkata

RGB 255, 148, 0
HEX #ff9400
CMYK 000, 041, 98, 000
PMS 1375

Erfoud

RGB 255, 181, 77
HEX #ffb54d
CMYK 000, 026, 065, 000
PMS 1355

Bagan

RGB 255, 235, 208
HEX #ffebd0
CMYK 000, 005, 027, 000
PMS 7506

Buñol

RGB 255, 123, 89
HEX #ff7b59
CMYK 000, 066, 070, 000
PMS 1645

Petra

RGB 255, 171, 149
HEX #ffab95
CMYK 000, 048, 051, 000
PMS 1635

Nara

RGB 255, 231, 224
HEX #ffe7e0
CMYK 000, 017, 015, 000
PMS 2337

Abisko

RGB 90, 72, 155
HEX #5a489b
CMYK 070, 078, 000, 000
PMS 7678

Valensole

RGB 165, 155, 200
HEX #a59bc8
CMYK 036, 040, 000, 000
PMS 2099

Tochigi

RGB 225, 221, 236
HEX #e1ddec
CMYK 011, 014, 003, 000
PMS 7443

Panjin

RGB 209, 67, 91
HEX #d1435b
CMYK 011, 089, 050, 003
PMS 198

Hillier

RGB 225, 139, 150
HEX #e18b96
CMYK 000, 048, 012, 000
PMS 197

Harbour

RGB 246, 221, 225
HEX #f6dde1
CMYK 002, 014, 004, 000
PMS 705

Sky Gray

RGB 17, 18, 54
HEX #111236
CMYK 100, 092, 025, 070
PMS 2767

Sky Gray Tint 01

RGB 68, 69, 96
HEX #444560
CMYK 078, 069, 028, 020
PMS 2364

Sky Gray Tint 02

RGB 104, 105, 127
HEX #68697f
CMYK 062, 053, 023, 027
PMS 2359

Sky Gray Tint 03

RGB 143, 144, 160
HEX #8f90a0
CMYK 048, 038, 016, 015
PMS 5285

Sky Gray Tint 04

RGB 178, 178, 191
HEX #b2b2bf
CMYK 037, 027, 015, 002
PMS 5925

Sky Gray Tint 05

RGB 205, 205, 215
HEX #cdcdd7
CMYK 023, 018, 014, 000
PMS 5305

Sky Gray Tint 06

RGB 221, 221, 229
HEX #dddde5
CMYK 012, 011, 007, 000
PMS 5315

Sky Gray Tint 07

RGB 241, 242, 248
HEX #f1f2f8
CMYK 007, 004, 002, 000
PMS 663

Sky White

RGB 255, 255, 255
HEX #ffffff
CMYK 000, 000, 000, 000

Dark mode palette

The Dark Mode palette extends our regular palette. The colours in this palette should never ever be used in light mode.

Black

RGB 0, 0, 0
HEX #000000
CMYK 000, 000, 000, 100

Black Tint 01

RGB 29, 27, 32
HEX #1D1B20
CMYK 009, 016, 000, 087

Black Tint 02

RGB 44, 44, 46
HEX #2C2C2E
CMYK 004, 004, 000, 082

Black Tint 03

RGB 58, 58, 60
HEX #3A3A3C
CMYK 003, 003, 000, 076

Black Tint 04

RGB 72, 72, 74
HEX #48484A
CMYK 003, 003, 000, 071

Black Tint 05

RGB 99, 99, 102
HEX #636366
CMYK 003, 003, 000, 060

Black Tint 06

RGB 142, 142, 147
HEX #8E8E93
CMYK 003, 003, 000, 042

Dark mode dynamic colours

Dynamic colours are colour values which automatically adapt for light and dark modes. If you use these colours, the dark-mode variation will automatically be applied when a device's dark mode is enabled.

Primary Color

light: Sky Blue
dark: Sky Blue Tint 01

Background Color

light: Color White
dark: Black

Background Secondary Color

light: Sky Gray Tint 07
dark: Black Tint 01

Background Tertiary Color

light: colorWhite
dark: Black Tint 02

Line Color

light: Sky Gray Tint 05
dark: Black Tint 04

Text Primary Color

light: Sky Gray
dark: White

Text Secondary Color

light: Sky Gray Tint 02
dark: Black Tint 06

Text Tertiary Color

light: Sky Gray Tint 03
dark: Black Tint 06

Text Quaternary Color

light: Sky Gray Tint 04
dark: Black Tint 06

Colour pairings

For colour pairings to be accessible, they should meet the minimum contrast ratios outlined in the WCAG contrast guidelines. See the accessible pairings from our colour palette using the filters below.

Examples

Color pairings

Check out our colors on Backpack's Sassdoc

Check out our colors on Backpack's iOS documentation