Colors Encyclopedia

Brand colors

Skyscanner Brand Colors

Skyscanner palette: #00B2D6, #042759, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Skyscanner.

TravelBrand indexAPIDataset
Commonly referenced palette Skyscanner
#00B2D6#042759#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#00B2D6RGB 0, 178, 214
Palette color 2#042759RGB 4, 39, 89
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-skyscanner-1: #00B2D6;
  --brand-skyscanner-2: #042759;
  --brand-skyscanner-3: #FFFFFF;
}

Accessibility Snapshot

#00B2D6Black 8.34:1 / White 2.52:1
#042759Black 1.44:1 / White 14.58:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Skyscanner Brand Colors

Skyscanner treats travel color as two related but separate libraries: Brand and Product. Its public Backpack design system says the brand library is broader, while product colors are organized from primitive values into semantic and sometimes component-level tokens. That distinction matters because a recognizable cyan is not, by itself, a complete interface system.

The cyan, deep navy, and white values here form a useful public reference, but Skyscanner keeps its primitive product values private and publishes usage rules for semantic roles. Designers should therefore test interactive states, focus indicators, text, and data graphics rather than assigning the cyan indiscriminately. The sunrise logo and name are registered marks whose downloadable forms are limited by Skyscanner's terms.

This unaffiliated page does not expose Skyscanner's private design tokens, distribute its sunrise artwork, certify a partnership, imply endorsement, or grant mark usage rights.

Downloadable brand colors infographic

Skyscanner Brand Colors Infographic

Save an independent infographic of the commonly referenced Skyscanner HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Skyscanner brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Skyscanner brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Skyscanner.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.367
Black text8.34:1AA Pass
White text2.52:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "skyscanner",
  "name": "Skyscanner",
  "category": "travel",
  "brandCategory": [
    "Travel & Hospitality",
    "travel"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/skyscanner/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/travel/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Skyscanner."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#00B2D6",
    "rgb": [
      0,
      178,
      214
    ],
    "hsl": [
      190,
      100,
      42
    ],
    "cmyk": [
      100,
      17,
      0,
      16
    ],
    "luminance": 0.367,
    "contrast": {
      "black": 8.34,
      "white": 2.52
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#042759",
    "rgb": [
      4,
      39,
      89
    ],
    "hsl": [
      215,
      91,
      18
    ],
    "cmyk": [
      96,
      56,
      0,
      65
    ],
    "luminance": 0.022,
    "contrast": {
      "black": 1.44,
      "white": 14.58
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "booking UI",
    "hospitality branding",
    "airline design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "travel & hospitality brand colors",
    "cyan brand palette",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "jewel tone brand color",
    "light brand color",
    "Skyscanner color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#FFFFFF",
    "#F5F5F5",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/skyscanner.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-skyscanner-1: #00B2D6;\n--brand-skyscanner-2: #042759;\n--brand-skyscanner-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#00B2D6",
    "contrast": {
      "black": 8.34,
      "white": 2.52
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#042759",
    "contrast": {
      "black": 1.44,
      "white": 14.58
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "skyscanner",
  "name": "Skyscanner",
  "category": "travel",
  "brandCategory": [
    "Travel & Hospitality",
    "travel"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Skyscanner.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/skyscanner/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/travel/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/skyscanner.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#00B2D6",
      "rgb": [
        0,
        178,
        214
      ],
      "hsl": [
        190,
        100,
        42
      ],
      "cmyk": [
        100,
        17,
        0,
        16
      ],
      "luminance": 0.367,
      "contrast": {
        "black": 8.34,
        "white": 2.52
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#042759",
      "rgb": [
        4,
        39,
        89
      ],
      "hsl": [
        215,
        91,
        18
      ],
      "cmyk": [
        96,
        56,
        0,
        65
      ],
      "luminance": 0.022,
      "contrast": {
        "black": 1.44,
        "white": 14.58
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "booking UI",
    "hospitality branding",
    "airline design",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "travel & hospitality brand colors",
    "cyan brand palette",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "dark brand color",
    "jewel tone brand color",
    "light brand color",
    "Skyscanner color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#FFFFFF",
    "#F5F5F5",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/skyscanner.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Travel & Hospitality brand colorsBrowse all travel & hospitality brand color references.Accor brand colorsCompare another travel & hospitality palette.Air France brand colorsCompare another travel & hospitality palette.Airbnb brand colorsCompare another travel & hospitality palette.American Airlines brand colorsCompare another travel & hospitality palette.Prime Video similar paletteOpen a palette with a nearby first-listed color value.Salesforce similar paletteOpen a palette with a nearby first-listed color value.Canva similar paletteOpen a palette with a nearby first-listed color value.Robin Egg Blue colorOpen the nearest named color reference.Skyscanner APIOpen the machine-readable brand color JSON.