Cathay Pacific color palette
TravelCathay Pacific's color identity is defined by its signature green, representing elegance, trust, and a premium travel experience. The palette is sophisticated and restrained, using deep greens, muted neutrals, and subtle accents.
cathaypacific.comCathay Pacific colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Cathay Jade GreenPrimary0, 96, 94
- Cathay Deep GreenSecondary0, 86, 82
- Cathay Mist BlueAccent162, 192, 194
Surfaces
Page, cards and dividers.- Cathay Cloud WhiteBackground245, 247, 246
- Cathay Pure WhiteSurface255, 255, 255
- Cathay Silver GrayBorder209, 213, 212
Text
Three tiers of copy.- Cathay CharcoalText33, 35, 34
- Cathay SlateSecondary text91, 93, 91
- Cathay Mist GrayMuted text140, 143, 142
Semantic
Feedback and state colors.- Cathay EmeraldSuccess60, 156, 122
- Cathay AmberWarning246, 166, 35
- Cathay Alert RedError208, 2, 27
- Cathay Sky BlueInfo59, 159, 197
Use Cathay Pacific's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cathay-pacific-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B9FC5;
--error: #D0021B;
--accent: #A2C0C2;
--border: #D1D5D4;
--primary: #00605E;
--success: #3C9C7A;
--surface: #FFFFFF;
--warning: #F6A623;
--secondary: #005652;
--text-muted: #8C8F8E;
--background: #F5F7F6;
--text-primary: #212322;
--text-secondary: #5B5D5B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.7:1
Pass
Text on surface
Needs 4.5:1 for body text
15.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.6:1
Pass
Muted text on background
Needs 3:1 for large text
3.0:1
Pass
Muted text on surface
Needs 3:1 for large text
3.3:1
Pass
Cathay Pacific gray and neutral colors
The quiet part of the Cathay Pacific palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cathay Cloud WhiteBackground
- HEX
- RGB
- HSL
- Cathay Pure WhiteSurface
- HEX
- RGB
- HSL
- Cathay Silver GrayBorder
- HEX
- RGB
- HSL
- Cathay CharcoalText
- HEX
- RGB
- HSL
- Cathay SlateSecondary text
- HEX
- RGB
- HSL
- Cathay Mist GrayMuted text
- HEX
- RGB
- HSL
About Cathay Pacific's colors
Cathay Pacific’s palette is built around a deep, calming green, balanced by soft neutrals and subtle accent colors. The scheme conveys trust, tranquility, and a premium feel.
Primary green is complemented by muted blues and grays.
Neutral backgrounds allow the brand green to stand out.
Accent colors are used sparingly for emphasis and clarity.
Psychology
The deep green evokes feelings of safety, reliability, and sophistication, aligning with the airline's premium positioning. Soft neutrals and blues reinforce a sense of calm and comfort.
Evolution
Cathay Pacific's color palette has remained remarkably consistent, with the signature green in use for decades. Recent updates have refined the supporting neutrals and accent tones for digital clarity.
Where Cathay Pacific uses each color
- Primary
Cathay Jade Green is used for the logo, navigation bars, and key call-to-action buttons.
- Secondary
Cathay Deep Green appears in headers, footers, and some backgrounds.
- Accent
Cathay Mist Blue is used for highlights, icons, and subtle UI elements.
- Backgrounds
Cathay Cloud White and Pure White are used for main page backgrounds and content areas.
- Text
Cathay Charcoal and Slate are used for primary and secondary text throughout the website and app.
- Semantic
Emerald, Amber, Alert Red, and Sky Blue are used for status indicators, alerts, and notifications.
Cathay Pacific color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Cathay Pacific brand color is Cathay Jade Green, hex code #00605E.
Cathay Jade Green (#00605E) in RGB is (0, 96, 94), and in CMYK is (100, 0, 2, 62).
Cathay Pacific uses Cathay Cloud White (#F5F7F6), Silver Gray (#D1D5D4), and Mist Gray (#8C8F8E) for backgrounds, borders, and muted text.
The primary green (#00605E) should dominate key brand elements, while neutrals provide clarity and hierarchy. Accent and semantic colors are reserved for highlights, notifications, and status indicators.
The secondary color is Cathay Deep Green, #005652, and the accent is Cathay Mist Blue, #A2C0C2. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Cathay Pacific's colors consistently when it generates UI.
Make something in the spirit of Cathay Pacific
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.