Al Jazeera color palette
MediaAl Jazeera's color identity is defined by a distinctive gold primary, reflecting its Middle Eastern heritage and authoritative media presence. The palette is elegant, relying on gold, deep blues, and neutral grays for clarity and sophistication.
aljazeera.comAl Jazeera colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Al Jazeera GoldPrimary197, 157, 40
- AJ Midnight BlueSecondary26, 34, 51
- AJ Light GoldAccent217, 182, 90
Surfaces
Page, cards and dividers.- AJ WhiteBackground255, 255, 255
- AJ Light GraySurface245, 245, 245
- AJ Border GrayBorder224, 224, 224
Text
Three tiers of copy.- AJ CharcoalText34, 34, 34
- AJ Medium GraySecondary text102, 102, 102
- AJ Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- AJ EmeraldSuccess60, 164, 126
- AJ Warning GoldWarning242, 192, 55
- AJ Alert RedError217, 83, 79
- AJ Info BlueInfo36, 123, 160
Use Al Jazeera's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
al-jazeera-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #247BA0;
--error: #D9534F;
--accent: #D9B65A;
--border: #E0E0E0;
--primary: #C59D28;
--success: #3CA47E;
--surface: #F5F5F5;
--warning: #F2C037;
--secondary: #1A2233;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Al Jazeera gray and neutral colors
The quiet part of the Al Jazeera palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- AJ WhiteBackground
- HEX
- RGB
- HSL
- AJ Light GraySurface
- HEX
- RGB
- HSL
- AJ Border GrayBorder
- HEX
- RGB
- HSL
- AJ CharcoalText
- HEX
- RGB
- HSL
- AJ Medium GraySecondary text
- HEX
- RGB
- HSL
- AJ Muted GrayMuted text
- HEX
- RGB
- HSL
About Al Jazeera's colors
Al Jazeera's palette is built around a regal gold, complemented by deep blue and neutral grays for balance and readability. The color system emphasizes clarity, trust, and a sense of global authority.
Gold contrasts with deep blue for visual hierarchy.
Neutral grays support legibility and clean layouts.
Accent gold highlights key actions and elements.
Psychology
Gold conveys prestige, tradition, and credibility, aligning with Al Jazeera's journalistic mission. Deep blue adds trust and stability, while neutrals ensure a modern, accessible interface.
Evolution
The gold and blue palette has remained consistent since Al Jazeera's inception, reinforcing brand recognition. Minor adjustments to gray tones and accent usage have modernized the UI without altering the core identity.
Where Al Jazeera uses each color
- Primary
Al Jazeera Gold is used in the logo, key navigation highlights, and important buttons.
- Secondary
AJ Midnight Blue appears in headers, footers, and background panels.
- Accent
AJ Light Gold is used for hover states, icons, and decorative lines.
- Backgrounds
AJ White and Light Gray are used for page backgrounds and content surfaces.
- Text
AJ Charcoal and Medium Gray are used for primary and secondary text respectively, with Muted Gray for metadata.
- Semantic
AJ Emerald, Warning Gold, Alert Red, and Info Blue are used for status messages and alerts.
Al Jazeera color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Al Jazeera brand color is Al Jazeera Gold, with the hex code #C59D28.
Al Jazeera Gold (#C59D28) is RGB(197, 157, 40) and CMYK(0, 20, 80, 23).
Al Jazeera uses AJ Light Gray (#F5F5F5), AJ Border Gray (#E0E0E0), AJ Charcoal (#222222), and AJ Medium Gray (#666666) for backgrounds, borders, and text.
Use Al Jazeera Gold (#C59D28) for primary branding and highlights, with Midnight Blue (#1A2233) for structural elements and grays for backgrounds and text to maintain clarity and brand consistency.
The secondary color is AJ Midnight Blue, #1A2233, and the accent is AJ Light Gold, #D9B65A. Together with the primary they make up the three brand colors at the top of this page.
4 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 Al Jazeera's colors consistently when it generates UI.
Make something in the spirit of Al Jazeera
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.