# Color

## Brand/Primary

<div align="left"><img src="https://1910782684-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LazByYq1uHla9pNgMWy%2F-Lc5JEreMpsYbDi6RWJa%2F-Lc5K16yR3I63SAWPBXZ%2Fbrand.svg?alt=media&#x26;token=355c811d-3084-4563-90c5-de2a6658f08e" alt=""></div>

| Color name    | HEX code  |
| ------------- | --------- |
| Brand yellow  | `#FED831` |
| Brand blue    | `#006CB8` |

## Type

<div align="left"><img src="https://1910782684-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LazByYq1uHla9pNgMWy%2F-Lc5JEreMpsYbDi6RWJa%2F-Lc5KJnkQvaaU6y4IfOr%2Ftype.svg?alt=media&#x26;token=e37c0449-bcb8-404c-ac0a-ae43ce810850" alt=""></div>

| Color name     | HEX code  |
| -------------- | --------- |
| Primary font   | `#444444` |
| Body copy      | `#666666` |
| Secondary font | `#999999` |

## Greys

<div align="left"><img src="https://1910782684-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LazByYq1uHla9pNgMWy%2F-Lc5JEreMpsYbDi6RWJa%2F-Lc5KNFaUu4rCMhA9NkC%2FGreys.svg?alt=media&#x26;token=006567e0-d53b-4fa7-9bf8-dd66158d6497" alt=""></div>

| Color name      | HEX code  |
| --------------- | --------- |
| Divider         | `#CBCBCB` |
| Additional grey | `#DADAD9` |
| Grey bg         | `#F4F7F6` |

## Extended

<div align="left"><img src="https://1910782684-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LazByYq1uHla9pNgMWy%2F-Lc5JEreMpsYbDi6RWJa%2F-Lc5LCIFYZtPTS61aqVI%2FExtended.svg?alt=media&#x26;token=750bc905-3989-4377-863d-4779b70e72d1" alt=""></div>

| Color name      | HEX code  |
| --------------- | --------- |
| Blue active     | `#0164A9` |
| Blue hover      | `#0980D4` |
| Green           | `#11BE35` |
| Red             | `#EA282C` |
| Premium economy | `#145596` |
| Business        | `#FCB831` |

## Gradients

<div align="left"><img src="https://1910782684-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LazByYq1uHla9pNgMWy%2F-Lc5JEreMpsYbDi6RWJa%2F-Lc5LURhTNDTCJ7FV9b0%2FGradients.svg?alt=media&#x26;token=7bb283a5-d2fc-49eb-9281-471e12bde4cd" alt=""></div>

| Color name      | HEX code            |
| --------------- | ------------------- |
| Blue/Economy    | `#51ADE2 - #0057A4` |
| Yellow/Business | `#FFD900 - #FBBD00` |
| Premium Economy | `#1A3F78 - #0F64AB` |

#### Figma

[https://www.figma.com/file/ZWunn5XtvDzLlDJdqPHgyjdK/Foundations?node-id=6%3A492](https://www.figma.com/file/ZWunn5XtvDzLlDJdqPHgyjdK/Foundations?node-id=6%3A492)
