TechCrunch color palette
MediaTechCrunch's color identity is defined by its signature green, paired with a monochrome palette of dark grays and white for a modern, tech-focused look. The palette prioritizes clarity and boldness, reflecting the brand's focus on technology news.
techcrunch.comTechCrunch colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- TechCrunch GreenPrimary2, 159, 0
- TechCrunch CharcoalSecondary34, 34, 34
- TechCrunch Bright GreenAccent0, 200, 5
Surfaces
Page, cards and dividers.- TechCrunch WhiteBackground255, 255, 255
- TechCrunch Light GraySurface245, 245, 245
- TechCrunch Border GrayBorder230, 230, 230
Text
Three tiers of copy.- TechCrunch CharcoalText34, 34, 34
- TechCrunch Medium GraySecondary text102, 102, 102
- TechCrunch Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- TechCrunch GreenSuccess2, 159, 0
- TechCrunch Warning YellowWarning255, 180, 0
- TechCrunch Error RedError230, 0, 0
- TechCrunch Info BlueInfo0, 115, 230
Use TechCrunch's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
techcrunch-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0073E6;
--error: #E60000;
--accent: #00C805;
--border: #E6E6E6;
--primary: #029F00;
--success: #029F00;
--surface: #F5F5F5;
--warning: #FFB400;
--secondary: #222222;
--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
TechCrunch gray and neutral colors
The quiet part of the TechCrunch palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- TechCrunch WhiteBackground
- HEX
- RGB
- HSL
- TechCrunch Light GraySurface
- HEX
- RGB
- HSL
- TechCrunch Border GrayBorder
- HEX
- RGB
- HSL
- TechCrunch CharcoalText
- HEX
- RGB
- HSL
- TechCrunch Medium GraySecondary text
- HEX
- RGB
- HSL
- TechCrunch Muted GrayMuted text
- HEX
- RGB
- HSL
About TechCrunch's colors
TechCrunch's palette is anchored by a vibrant green, supported by neutral grays and white for contrast and readability. The color system is designed for clarity and strong brand recognition in digital contexts.
Primary green is paired with deep charcoal for contrast.
Accent green highlights interactive elements.
Neutral grays balance the vivid green and ensure readability.
Psychology
The green conveys growth, innovation, and a connection to the tech industry. The neutral tones reinforce professionalism and trustworthiness.
Evolution
TechCrunch's palette has remained consistent since its inception, with the green as a core identifier. Minor adjustments have been made to gray tones for improved accessibility and modern UI trends.
Where TechCrunch uses each color
- Primary
Used in the logo, navigation bar, and key action buttons.
- Secondary
Applied to headers, footers, and navigation backgrounds.
- Accent
Highlights links, hover states, and call-to-action elements.
- Backgrounds
White is the default page background; light gray is used for content blocks.
- Text
Charcoal is used for main body text; medium and muted grays for secondary and meta information.
- Semantic
Green indicates success, yellow for warnings, red for errors, and blue for informational messages.
TechCrunch color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official TechCrunch primary color is #029F00, known as TechCrunch Green.
TechCrunch Green (#029F00) is RGB(2, 159, 0) and approximately CMYK(99, 0, 100, 38).
TechCrunch uses #222222 (Charcoal), #666666 (Medium Gray), #999999 (Muted Gray), #F5F5F5 (Light Gray), and #E6E6E6 (Border Gray) throughout its interface.
Use TechCrunch Green (#029F00) for branding and key actions, with grays and white for backgrounds and text to maintain clarity and accessibility.
The secondary color is TechCrunch Charcoal, #222222, and the accent is TechCrunch Bright Green, #00C805. 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 TechCrunch's colors consistently when it generates UI.
Make something in the spirit of TechCrunch
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.