100% Security Verified | No Subscription Required | No Malware
Black, blue, and gray sit together in a powerful, understated part of the spectrum. Black adds drama and depth, blue communicates trust and calm, and gray softens everything into a polished, modern finish. Combined, a black blue gray color palette feels cinematic, techy, and premium, which makes it perfect for everything from YouTube intros and title cards to brand kits and thumbnails.
For video creators and designers, these colors are a reliable base for moody storytelling, minimalist interfaces, and professional-looking edits. Below you will find 15 black blue gray color palettes with HEX codes you can plug directly into thumbnails, lower thirds, overlays, and color grading inside Filmora or your design tool of choice.
In this article
Cinematic Black Blue Gray Color Palettes
Midnight Studio Noir
- HEX Codes: #020308, #0b1220, #1f2a3a, #4b5563, #9ca3af
- Mood: Tense, cinematic, and grounded with a subtle urban sophistication.
- Use for: Use this palette for dramatic trailers, narrative short films, and bold title cards that need a high-contrast, moody atmosphere.
Midnight Studio Noir leans into deep near-black blues and slate grays for a classic film-noir feel. The darkest tones (#020308, #0b1220) are perfect for backgrounds and letterbox bars, while the mid grays (#4b5563, #9ca3af) keep text and UI elements readable without breaking the mood.
Use this palette for story-driven edits, crime or mystery intros, and YouTube thumbnails where you want bold typography to stand out against a dark, cinematic base. It works especially well for dramatic B-roll, interview frames with vignettes, and title overlays that signal seriousness and sophistication.
Pro Tip: Build A Cinematic Black Blue Gray Look In Filmora
To keep a consistent Midnight Studio Noir vibe across your entire project, start by setting your background graphics, lower thirds, and titles to the same deep blacks and slate blues from the HEX codes. In Filmora, you can save these as custom colors so every transition, subscribe button, or end screen uses the same black blue gray language.
When you grade your footage, gently lower the shadows into the near-black tones and cool the midtones toward blue. This keeps your narrative scenes, B-roll, and cutaway shots all living in the same cinematic world, whether you are editing a short film, a channel trailer, or social media teasers cut from the same project.
AI Color Palette
Instead of manually matching every clip, let Filmora do the heavy lifting. You can grab a still frame that best represents your Midnight Studio Noir look, or even design a reference image using these HEX codes, then use Filmora's AI Color Palette feature to apply that mood to the rest of your timeline.
This is ideal when you shoot with different cameras, in mixed lighting, or across several days. AI Color Palette analyzes your reference shot and harmonizes contrast, saturation, and color temperature in other clips so your black blue gray style stays consistent in intros, talking-head segments, B-roll, and YouTube Shorts.
secure download
HSL, Color Wheels & Curves
Once your base look is matched, refine the black blue gray tones with Filmora's HSL sliders, color wheels, and curves. You can deepen blues in the shadows for a more intense noir style, shift midtones slightly toward neutral gray for a corporate feel, or lift highlights so skin tones stay natural against dark backgrounds. Filmora's color correction tools give you the control to push your palette from subtle to dramatic.
Use curves to stretch contrast while keeping details in the blacks, and adjust the color wheels to separate warm subjects from cool, desaturated environments. This works especially well for interview setups or product shots where you want your subject to pop against a muted, cinematic backdrop.
secure download1000+ Video Filters & 3D LUTs
If you want to move even faster, start from Filmora's built-in looks. Filmora's video filters and 3D LUTs make it easy to find a dark, cool-grade base and then nudge it toward your chosen HEX codes. You can stack subtle filters for grain, vignette, and glow to give your black blue gray footage a premium finish.
Apply one look across your main sequence, then fine-tune clips that need more contrast or less saturation. This workflow gives you a polished cinematic style for trailers, channel branding, and social cutdowns without having to manually grade every shot from scratch.
secure downloadOcean Storm Drama
- HEX Codes: #030712, #0f172a, #1d4ed8, #6b7280, #d1d5db
- Mood: Stormy and powerful with a sense of looming energy and motion.
- Use for: Perfect for travel vlogs, surfing or sailing sequences, and intros where you want ocean energy without bright tropical tones.
Ocean Storm Drama pairs inky blacks with navy and a saturated royal blue accent (#1d4ed8). The grays (#6b7280, #d1d5db) act like sea mist and clouds, softening the contrast without losing the feeling of movement and tension.
This palette is ideal for water-themed edits, overcast beach shots, and travel vlogs that favor a serious, cinematic tone instead of sunny postcard colors. Use the deep blues in gradients, title backgrounds, and overlays, and reserve the brighter blue for key elements like call-to-action buttons, lower-third highlights, or thumbnail text outlines.
Neon Harbor Chase
- HEX Codes: #020617, #111827, #1e293b, #22d3ee, #f472b6
- Mood: Edgy and futuristic with a neon undercurrent over dark, moody tones.
- Use for: Use for high-energy city edits, gaming montages, or tech product teasers that need a dark base with electric accents.
Neon Harbor Chase builds a dark harbor foundation with charcoal and deep blue-grays, then slashes through it with neon cyan (#22d3ee) and electric pink (#f472b6). The contrast between muted bases and hyper-bright accents delivers an instant cyberpunk vibe.
Use this palette for city-at-night sequences, RGB-lit setups, or gaming overlays where you want UI elements and text to pop off a nearly black background. In thumbnails and motion graphics, keep most of the frame in the darker tones and reserve the neon colors for key focal points like titles, progress bars, and subscribe animations.
Arctic Nightfall Titles
- HEX Codes: #020617, #0b1120, #1e40af, #60a5fa, #e5e7eb
- Mood: Cool, crisp, and expansive like a winter sky settling into night.
- Use for: Great for documentary titles, cinematic logos, and calm yet dramatic openers that lean into cool, professional tones.
Arctic Nightfall Titles moves from deep midnight blues into cooler, brighter sky blue accents (#60a5fa) and a clean light gray (#e5e7eb). It feels like a winter dusk, calm yet quietly dramatic, which works well for professional or documentary content.
Use the darker tones as backdrops for main titles and logo stings, with the mid and light blues highlighting text, icons, or line elements. In thumbnails or intro cards, placing white or very light gray text over the darkest blue immediately signals clarity and trust, while cool gradients keep the visual style modern.
Minimalist Black Blue Gray Color Palettes
Clean Interface Slate
- HEX Codes: #020617, #111827, #4b5563, #9ca3af, #e5e7eb
- Mood: Minimal, balanced, and highly legible with a modern tech edge.
- Use for: Ideal for UI overlays in tutorials, app demos, lower thirds, and clean YouTube channels focused on productivity or tech.
Clean Interface Slate combines soft black and layered grays to create a neutral, distraction-free environment. The darker tones add structure to backgrounds and sidebars, while the mid and light grays ensure high legibility for text, icons, and data overlays.
This black blue gray palette is excellent for screen recordings, tutorial overlays, and review videos where clarity is a priority. Use the lighter gray for panels, captions, and subtitles, and keep the darkest shades in headers, borders, and subtle drop shadows so your content looks organized and professional without feeling heavy.
Nordic Loft Light
- HEX Codes: #020617, #1f2933, #4b6475, #cbd2da, #f9fafb
- Mood: Airy, understated, and design-forward with a Scandinavian feel.
- Use for: Use for lifestyle vlogs, home tour videos, and minimalist brand intros that need a soft yet polished aesthetic.
Nordic Loft Light balances a dark charcoal anchor (#020617) with denim-toned blues and very light dove grays, ending in an almost white highlight (#f9fafb). The result is airy and bright but still grounded, reminiscent of minimalist interior design and natural light.
Use this palette in lifestyle content, creative studio tours, or branding for channels focused on design, productivity, or wellness. In thumbnails and intros, keep backgrounds light, use blue-grays for accents and frames, and drop in the darkest shade only for essential text or logo marks to keep the entire layout feeling clean and spacious.
Monochrome Brand Deep
- HEX Codes: #000000, #0b1220, #1f2a37, #6b7280, #d4d4d8
- Mood: Serious, corporate, and confident with a refined monochrome feel.
- Use for: Best for brand kits, logo animations, and channel identities that aim for a premium, authoritative presence.
Monochrome Brand Deep takes true black (#000000) and softens it with inky blues and versatile grays. It feels like a stricter, more premium cousin of standard grayscale, with just enough blue to keep things cool and controlled.
This palette is ideal for consistent branding across intros, outros, watermarks, and YouTube channel art. Use true black for primary backgrounds or bar elements, the blue-tinted darks for secondary text and icons, and the mid grays for body text or info cards. It translates well to business, finance, education, and tech content where authority and clarity matter.
Crisp Tech Review
- HEX Codes: #020617, #111827, #1d4ed8, #9ca3af, #f3f4f6
- Mood: Clean, analytical, and trustworthy with a subtle pop of primary blue.
- Use for: Perfect for product reviews, comparison videos, and tutorial graphics where clarity and professionalism are key.
Crisp Tech Review sets a dark charcoal base and adds a controlled shot of primary blue (#1d4ed8) over soft grays and off-whites. It feels like a polished UI: clean, data-driven, and easy to read, without harsh contrast or flashy accents.
Use this palette for review-style thumbnails, feature comparison overlays, or channel branding around gadgets and software. Let the light gray and off-white handle background duties, push critical numbers and icons into the blue, and keep dark tones for headers and navigation bars. The result is a professional tech aesthetic that still feels friendly and approachable.
Moody Black Blue Gray Color Palettes
Rainy City Reflections
- HEX Codes: #030712, #111827, #374151, #60a5fa, #d1d5db
- Mood: Melancholic yet hopeful, like city lights reflecting off wet streets.
- Use for: Use for cinematic vlogs, nighttime B-roll, and storytelling projects that lean into emotional, reflective moments.
Rainy City Reflections layers soft blacks and dense blue-grays with a gentle sky blue accent (#60a5fa) and a pale gray haze (#d1d5db). The palette captures the feel of a rainy evening, where everything is muted but streetlights and reflections still shimmer.
Apply this palette to slow-motion B-roll, narrative vlogs, and voiceover stories about change, travel, or introspection. Use the darker shades in background plates, gradient overlays, or vignettes, and let the lighter gray soften text or frame edges. The sky blue accent works beautifully for subtle highlight elements like cursor trails, animated lines, or understated call-to-action buttons.
Overcast Coastline
- HEX Codes: #020617, #1e293b, #334155, #64748b, #e2e8f0
- Mood: Calm, introspective, and slightly nostalgic like a cloudy day by the sea.
- Use for: Great for travel diaries, drone shots over water, and poetic voiceover sequences that need a gentle, muted base.
Overcast Coastline draws from deep navy, slate blues, and shoreline grays, topped with a soft light gray (#e2e8f0). It has a low-contrast, desaturated feel that communicates calm and introspection rather than drama.
This palette is perfect for drone footage over oceans, lakes, or mountains on cloudy days, as well as nostalgic travel diaries and poetic voiceovers. Use the mid blues for titles and section labels, and keep the light gray for overlays or text backgrounds to maintain readability without breaking the muted mood.
Industrial Skyline Fade
- HEX Codes: #020617, #111827, #4b5563, #9ca3af, #e5e7eb
- Mood: Urban, gritty, and expansive with a hint of distant haze.
- Use for: Ideal for cityscape timelapses, architectural reels, and tech or finance content with a metropolitan edge.
Industrial Skyline Fade matches smoky blacks and solid steel grays with a light haze tone (#e5e7eb). It feels like a city skyline melting into the distance, with a balance of grit and polish that suits modern urban storytelling.
Use this palette for architecture reels, office B-roll, finance explainers, and tech channel visuals. Keep your darkest shades in the lower parts of the frame or as overlay strips, fade to lighter grays in the upper thirds, and use the mid grays for typography and data boxes. This creates a sense of depth and sophistication without relying on bright colors.
Tempest Horizon
- HEX Codes: #00010a, #020617, #0f172a, #1e3a8a, #93c5fd
- Mood: Dramatic and charged, like a storm gathering over a dark sea.
- Use for: Use for trailers, dramatic intros, and sports highlight reels that thrive on tension and release.
Tempest Horizon moves from nearly black blues (#00010a, #020617) to stormy indigo (#1e3a8a) and a bright horizon blue (#93c5fd). It feels charged and dynamic, like a storm front with a glimmer of light on the edge.
Use this palette when you want to build tension in trailers, dramatic intros, and sports highlight reels. Start with the darkest colors in your backgrounds and letterboxes, layer indigo into gradients or motion graphics, and reserve the horizon blue for energy spikes like score counters, kinetic typography, or logo reveals.
Tech & Neon Black Blue Gray Color Palettes
Cyber Grid Pulse
- HEX Codes: #020617, #02081f, #1d4ed8, #22c55e, #e5e7eb
- Mood: High-tech, energetic, and optimistic with bright digital accents.
- Use for: Perfect for motion graphics, HUD overlays, coding channels, and startup promos that want a futuristic vibe.
Cyber Grid Pulse sets a dark navy base with a slightly brighter deep blue (#02081f), then energizes it with electric blue (#1d4ed8) and vivid green (#22c55e). A soft light gray (#e5e7eb) balances the palette so it stays readable and not overly saturated.
Use this palette to style HUD overlays, code snippets, and futuristic dashboards in your videos. Keep the darker blues behind your main content, use electric blue for lines, bars, and cursor effects, and bring in the neon green for statuses, alerts, and call-to-action buttons. It works especially well in kinetic intros and looping background animations for tech podcasts or streams.
Synthwave Dockyard
- HEX Codes: #020617, #111827, #1e293b, #22d3ee, #a855f7
- Mood: Retro-futuristic and bold, combining cold docks with neon nightlife.
- Use for: Use for music videos, gaming intros, and retro tech content that leans into synthwave or vaporwave influences.
Synthwave Dockyard mixes graphite blues and harbor grays with neon cyan (#22d3ee) and a strong violet accent (#a855f7). The palette feels like a blend of industrial docks and 80s neon signage, perfect for retro-futuristic aesthetics.
Apply this scheme to music videos, beat visualizers, or gaming intros where you want bold color pops over a dark base. Keep your backgrounds in the darker blue-grays, add gridlines, sunbursts, or wireframes in cyan, and use violet for titles or logo marks. In thumbnails, a dark frame with neon cyan outlines and violet typography immediately signals a synthwave or vaporwave theme.
Electric Night Broadcast
- HEX Codes: #000000, #020617, #1e293b, #38bdf8, #facc15
- Mood: Broadcast-ready, punchy, and attention-grabbing over a dark base.
- Use for: Great for streaming overlays, reaction channels, and alert graphics that need to stand out against black or dark footage.
Electric Night Broadcast starts with pure black and deep blue, then blasts through with bright cyan (#38bdf8) and a bold yellow highlight (#facc15). It feels like a live broadcast or esports stream: high contrast, crisp, and built to grab attention.
Use this palette for overlays, frames, and alerts in streaming and reaction content. Keep backgrounds mostly black or deep blue so the cyan and yellow accents can define panels, chat boxes, and notification graphics. In thumbnails and title cards, large black areas with cyan strokes and yellow text snippets are great for drawing clicks without looking chaotic.
Tips for Creating Black Blue Gray Color Palettes
When you design your own black blue gray combinations for video and branding, a bit of structure helps you keep the look cohesive, readable, and on-brand across intros, thumbnails, overlays, and full edits.
- Pick a primary black or near-black first, then choose one dominant blue and one or two supporting grays to keep the palette simple and consistent.
- Use grays for backgrounds and UI panels, and reserve your strongest blues for accents like buttons, icons, and key pieces of text.
- Always check readability by testing white, light gray, and colored text over your darkest shades; adjust brightness or contrast if titles are hard to read in thumbnails.
- Match your color palette to your footage: cooler blues and neutral grays work best with already cool or desaturated shots, while slightly warmer grays can balance skin tones.
- Limit neon accents to small areas such as borders, underlines, or notifications so your design stays clean and does not feel overwhelming.
- Create a simple style guide for your channel or brand, noting which HEX codes are for backgrounds, which are for text, and which are for overlays or icons.
- Test your palette on different screens (phone, laptop, TV) to make sure dark areas are still visible and not crushed into pure black.
- In Filmora, save your chosen HEX codes as custom colors and reuse them in titles, shapes, and effects so every project carries the same signature black blue gray look.
Black blue gray color palettes are versatile enough to cover moody storytelling, sleek tech reviews, minimalist branding, and high-energy gaming intros. By choosing the right mix of deep blacks, confident blues, and balanced grays, you can shape the mood of your videos and make your channel instantly recognizable.
Use these 15 palettes as ready-made recipes or as inspiration to develop your own variations. Drop the HEX codes into Filmora, combine them with consistent grading, and your thumbnails, intro sequences, and overlays will all feel like part of the same visual identity.
The more you experiment, the faster you will find a black blue gray style that fits your stories, your pacing, and your audience. Save your favorites inside Filmora, then reuse them across future uploads to build a strong, cinematic brand.
secure downloadNext: Cream Color Palette
