Los Angeles Times color palette
MediaThe Los Angeles Times brand color system is rooted in a classic, monochromatic palette with a distinctive gold accent, reflecting its heritage and authority in journalism. The palette emphasizes black, white, and gold, creating a timeless and trustworthy visual identity.
latimes.comLos Angeles Times colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- LAT BlackPrimary35, 31, 32
- LAT GoldSecondary255, 242, 0
- LAT WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- LAT Light GrayBackground245, 245, 245
- LAT Surface WhiteSurface255, 255, 255
- LAT Border GrayBorder224, 224, 224
Text
Three tiers of copy.- LAT Text BlackText35, 31, 32
- LAT Text GraySecondary text117, 117, 117
- LAT Muted GrayMuted text189, 189, 189
Semantic
Feedback and state colors.- LAT Success GreenSuccess76, 175, 80
- LAT Warning AmberWarning255, 193, 7
- LAT Error RedError211, 47, 47
- LAT Info BlueInfo25, 118, 210
Use Los Angeles Times's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
los-angeles-times-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D32F2F;
--accent: #FFFFFF;
--border: #E0E0E0;
--primary: #231F20;
--success: #4CAF50;
--surface: #FFFFFF;
--warning: #FFC107;
--secondary: #FFF200;
--text-muted: #BDBDBD;
--background: #F5F5F5;
--text-primary: #231F20;
--text-secondary: #757575;
}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.0:1
Pass
Text on surface
Needs 4.5:1 for body text
16.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.2:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
1.7:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Los Angeles Times gray and neutral colors
The quiet part of the Los Angeles Times palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- LAT Light GrayBackground
- HEX
- RGB
- HSL
- LAT Surface WhiteSurface
- HEX
- RGB
- HSL
- LAT Border GrayBorder
- HEX
- RGB
- HSL
- LAT Text BlackText
- HEX
- RGB
- HSL
- LAT Text GraySecondary text
- HEX
- RGB
- HSL
- LAT Muted GrayMuted text
- HEX
- RGB
- HSL
About Los Angeles Times's colors
The Los Angeles Times palette is built around a strong black and white foundation, with a signature gold accent for highlights. This combination conveys both tradition and clarity, supporting the brand's journalistic authority.
Gold accent contrasts with black for emphasis.
Grays support hierarchy and readability.
White provides space and clarity.
Psychology
Black and gold evoke a sense of prestige, reliability, and tradition, reinforcing the newspaper's legacy. The neutral grays and whites create a clean, accessible reading environment.
Evolution
The palette has remained largely stable, maintaining its black, white, and gold identity over decades. Minor adjustments have been made to gray tones for digital readability.
Where Los Angeles Times uses each color
- Primary
LAT Black is used for the masthead, headlines, and main navigation.
- Secondary
LAT Gold appears in accents, highlights, and select promotional elements.
- Accent
LAT White is used for backgrounds and negative space.
- Backgrounds
LAT Light Gray is the main page background for content areas.
- Text
LAT Text Black is used for primary body copy, while LAT Text Gray and Muted Gray are used for metadata and secondary information.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators in digital products.
Los Angeles Times color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Los Angeles Times brand color is LAT Black, hex #231F20.
LAT Black (#231F20) in RGB is (35, 31, 32) and in CMYK is (0, 11, 9, 86).
LAT Light Gray (#F5F5F5), LAT Border Gray (#E0E0E0), LAT Text Gray (#757575), and LAT Muted Gray (#BDBDBD) are used throughout the UI for backgrounds, borders, and secondary text.
Use LAT Black (#231F20) for primary elements and text, LAT Gold (#FFF200) for accents, and the gray tones for backgrounds and supporting UI. Reserve semantic colors for status and alerts.
The secondary color is LAT Gold, #FFF200, and the accent is LAT White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
3 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 Los Angeles Times's colors consistently when it generates UI.
Make something in the spirit of Los Angeles Times
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.