Discovery color palette
MediaDiscovery's brand color system is anchored by a signature blue, reflecting trust, exploration, and clarity. The palette is clean and modern, using deep blues, crisp whites, and neutral grays for a professional media presence.
discovery.comDiscovery colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Discovery BluePrimary0, 108, 183
- Discovery NavySecondary0, 48, 87
- Discovery SkyAccent0, 174, 239
Surfaces
Page, cards and dividers.- Discovery WhiteBackground255, 255, 255
- Discovery Light GraySurface244, 246, 248
- Discovery Border GrayBorder209, 213, 219
Text
Three tiers of copy.- Discovery BlackText26, 26, 26
- Discovery CharcoalSecondary text75, 85, 99
- Discovery Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Discovery Success GreenSuccess75, 181, 67
- Discovery Warning YellowWarning255, 199, 44
- Discovery Error RedError215, 38, 61
- Discovery Info BlueInfo0, 159, 219
Use Discovery's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
discovery-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #009FDB;
--error: #D7263D;
--accent: #00AEEF;
--border: #D1D5DB;
--primary: #006CB7;
--success: #4BB543;
--surface: #F4F6F8;
--warning: #FFC72C;
--secondary: #003057;
--text-muted: #6B7280;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B5563;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
7.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.0:1
Pass
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.5:1
Pass
Discovery background, border and text colors
The quiet part of the Discovery palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Discovery WhiteBackground
- HEX
- RGB
- HSL
- Discovery Light GraySurface
- HEX
- RGB
- HSL
- Discovery Border GrayBorder
- HEX
- RGB
- HSL
- Discovery BlackText
- HEX
- RGB
- HSL
- Discovery CharcoalSecondary text
- HEX
- RGB
- HSL
- Discovery Muted GrayMuted text
- HEX
- RGB
- HSL
About Discovery's colors
Discovery's palette is built on blue tones, conveying reliability and curiosity. The use of crisp neutrals supports clarity and legibility across digital and broadcast media.
Primary blue pairs with navy for depth.
Accent sky blue highlights calls to action.
Neutral grays balance the palette for readability.
Psychology
Blue is associated with trust, intelligence, and calm, aligning with Discovery's educational and exploratory mission. The palette's clarity supports a sense of openness and factual storytelling.
Evolution
Discovery's palette has remained stable, with blue as the core identity color since its inception. Minor adjustments have modernized the grays and accent tones for digital use.
Where Discovery uses each color
- Primary
Discovery Blue is used in the logo, navigation bars, and key buttons.
- Secondary
Discovery Navy appears in footers, backgrounds, and secondary navigation.
- Accent
Discovery Sky is used for highlights, links, and interactive elements.
- Backgrounds
Discovery White and Light Gray are used for app screens, web backgrounds, and content areas.
- Text
Discovery Black and Charcoal are used for primary and secondary text throughout digital and print materials.
- Semantic
Success Green, Warning Yellow, and Error Red are used for alerts, notifications, and status indicators.
Discovery color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Discovery brand color is Discovery Blue, hex code #006CB7. This color is used in the logo and primary navigation.
Discovery Blue (#006CB7) in RGB is (0, 108, 183) and in CMYK is (100, 41, 0, 28). These values are used for digital and print consistency.
Discovery uses Light Gray (#F4F6F8), Border Gray (#D1D5DB), Charcoal (#4B5563), and Muted Gray (#6B7280) for backgrounds, borders, and muted text. These neutrals ensure clarity and accessibility in the UI.
Discovery Blue should dominate key branding elements, with navy and sky blue as supporting colors. Neutrals and semantic colors are reserved for backgrounds, text, and status indicators to maintain clarity.
The secondary color is Discovery Navy, #003057, and the accent is Discovery Sky, #00AEEF. 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 Discovery's colors consistently when it generates UI.
Make something in the spirit of Discovery
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.