DJI color palette
TechDJI's color identity is defined by a monochromatic palette centered around black, white, and cool grays, reflecting its focus on precision and technology. The palette is minimalistic, supporting a clean and professional brand image.
dji.comDJI colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- DJI BlackPrimary0, 0, 0
- DJI WhiteSecondary255, 255, 255
- DJI BlueAccent0, 112, 246
Surfaces
Page, cards and dividers.- DJI Light GrayBackground245, 245, 245
- DJI Surface GraySurface229, 229, 229
- DJI Border GrayBorder209, 213, 219
Text
Three tiers of copy.- DJI CharcoalText34, 34, 34
- DJI Medium GraySecondary text107, 114, 128
- DJI Muted GrayMuted text156, 163, 175
Semantic
Feedback and state colors.- DJI Success GreenSuccess34, 197, 94
- DJI Warning OrangeWarning245, 158, 66
- DJI Error RedError239, 68, 68
- DJI Info BlueInfo56, 189, 248
Use DJI's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
dji-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #38BDF8;
--error: #EF4444;
--accent: #0070F6;
--border: #D1D5DB;
--primary: #000000;
--success: #22C55E;
--surface: #E5E5E5;
--warning: #F59E42;
--secondary: #FFFFFF;
--text-muted: #9CA3AF;
--background: #F5F5F5;
--text-primary: #222222;
--text-secondary: #6B7280;
}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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.8:1
Fail
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
DJI gray and neutral colors
The quiet part of the DJI palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- DJI Light GrayBackground
- HEX
- RGB
- HSL
- DJI Surface GraySurface
- HEX
- RGB
- HSL
- DJI Border GrayBorder
- HEX
- RGB
- HSL
- DJI CharcoalText
- HEX
- RGB
- HSL
- DJI Medium GraySecondary text
- HEX
- RGB
- HSL
- DJI Muted GrayMuted text
- HEX
- RGB
- HSL
About DJI's colors
DJI employs a neutral, monochromatic palette with blue accents to convey professionalism and technological sophistication. The restrained use of color supports clarity and focus in digital and physical interfaces.
Primary black contrasts with white and light gray backgrounds.
Blue accent highlights interactive elements and calls to action.
Neutral grays provide depth and hierarchy in UI components.
Psychology
Black and gray tones evoke a sense of reliability, precision, and modernity, aligning with DJI's high-tech positioning. Blue accents add trustworthiness and guide user attention without overwhelming the interface.
Evolution
DJI's palette has remained largely consistent, emphasizing minimalism and clarity. Occasional blue accents have become more prominent in digital interfaces to improve usability and brand recognition.
Where DJI uses each color
- Primary
Used for the DJI logo, navigation bar backgrounds, and key headings.
- Secondary
Applied to page backgrounds, product packaging, and negative space.
- Accent
Highlights primary buttons, links, and interactive UI elements.
- Backgrounds
Light gray backgrounds are used for content areas and product showcases.
- Text
Charcoal and medium gray are used for primary and secondary text across web and app interfaces.
- Semantic
Green, orange, red, and blue are used for status indicators, notifications, and system feedback.
DJI color questions
Hex codes, RGB values, neutrals and how to use the palette.
The DJI primary color hex code is #000000, representing DJI Black. This is used for the logo and major interface elements.
DJI Black (#000000) is RGB(0, 0, 0) and CMYK(0, 0, 0, 100). Use this exact value for all primary branding applications.
DJI uses a range of grays including DJI Light Gray (#F5F5F5), DJI Surface Gray (#E5E5E5), and DJI Border Gray (#D1D5DB) for backgrounds and interface surfaces. These tones provide depth and maintain a clean, minimal look.
Use DJI Black (#000000) for logos and primary navigation, with DJI Blue (#0070F6) for accents and calls to action. Grays are reserved for backgrounds, surfaces, and text to ensure clarity and hierarchy.
The secondary color is DJI White, #FFFFFF, and the accent is DJI Blue, #0070F6. Together with the primary they make up the three brand colors at the top of this page.
2 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 DJI's colors consistently when it generates UI.
Make something in the spirit of DJI
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.