100% Security Verified | No Subscription Required | No Malware
Gray dark blue sits in a sweet spot between neutral gray and deep navy, which is why it instantly feels cinematic, calm, and reliable. It suggests depth, trust, and focus without being loud, making it a favorite for tech brands, productivity channels, and moody storytelling. In video, this tone can turn ordinary footage into something that feels polished and intentional, especially when used in shadows, text, and background graphics.
For creators and Filmora users, gray dark blue color palettes are perfect for YouTube thumbnails, channel banners, vlogs, cinematic intros, overlays, and lower thirds. Below are 15 curated gray dark blue color palettes with HEX codes, so you can match your branding, build cohesive video looks, and keep your edits consistent across intros, b-roll, and social cuts.
In this article
Cinematic & Moody Gray Dark Blue Color Palettes
Midnight Harbor Steel
- HEX Codes: #0b1b2b, #243447, #4a5a70, #7d8a99
- Mood: calm, cinematic, introspective
- Use for: Ideal for cinematic travel vlogs, moody B-roll sequences, and dramatic YouTube intros.
Muted dark blues and industrial grays in Midnight Harbor Steel feel like standing by a quiet dock at night, with metal railings and distant city lights. The palette is grounded and controlled, perfect when you want your footage to feel serious, reflective, and cinematic.
Use the deepest blue as your background or shadow tone, the mid grays for titles and UI elements, and the lightest gray for accents or subtitles. This palette works beautifully on travel vlogs, urban night scenes, documentary openers, and cinematic thumbnails where you want a strong yet understated dark blue and gray aesthetic.
Pro Tip: Build a Cinematic Gray Dark Blue Look in Filmora
To keep a Midnight Harbor Steel look consistent across an entire edit, treat this palette as your visual rulebook in Filmora. Set your titles, lower thirds, and background panels to the same HEX values, then reuse them for intros, B-roll captions, and end screens so everything feels like part of the same film.
You can also create a custom preset: once you design a title or frame in these gray dark blue tones, save it in Filmora and apply it across your series. This keeps your branding cohesive from your main video to YouTube Shorts, Reels, and TikTok edits.
AI Color Palette
If you have a still frame, thumbnail, or mood board using Midnight Harbor Steel, you can use Filmora to spread that gray dark blue look across the rest of your project. Filmora's AI Color Palette feature reads the color style of a reference clip or image and automatically matches other clips to it.
Import your reference, select it as the source, then choose the target clips. The AI will adapt shadows, midtones, and highlights so your entire video shares that same industrial, cinematic gray dark blue mood with just a few clicks.
secure download
HSL, Color Wheels & Curves
To perfect a gray dark blue cinematic look, use Filmora's HSL sliders, color wheels, and curves. Slightly deepen the blues in the shadows, pull saturation back in the midtones, and cool down the highlights to avoid any unwanted warmth that breaks the mood. Tools like these, together with Filmora's color correction controls, help you match your footage to your chosen palette with precision.
You can shape contrast with the curves panel so the darkest tones hit near-black while keeping detail in faces and important objects. Then use color wheels to subtly push shadows into blue and balance skin tones so your gray dark blue atmosphere feels cinematic but still natural.
secure download1000+ Video Filters & 3D LUTs
If you want to move faster, Filmora's video filters and 3D LUTs make it easy to build a gray dark blue base and then stylize it. Start with a cool-toned or teal-and-orange LUT to get overall balance, then fine-tune saturation and contrast so your Midnight Harbor Steel palette still shines through.
You can stack subtle filters for grain, glow, or vignettes to enhance the cinematic mood without breaking your color scheme. Save your favorite combinations as presets and apply them to new projects to keep a consistent, professional gray dark blue identity across your channel.
secure downloadStormy City Neon
- HEX Codes: #0f172a, #334155, #64748b, #e5e7eb, #22d3ee
- Mood: urban, edgy, slightly futuristic
- Use for: Use this contrast of slate blues and neon cyan for tech explainers, stream overlays, and cyberpunk-style thumbnails.
Stormy City Neon combines muted slate blues and grays with a sharp cyan accent, giving you that rainy city street feeling with one electric highlight. It feels modern and digital, like UI lights cutting through a dark interface.
Use the darker tones as your background, the lighter gray for text, and reserve the neon cyan for calls to action, subscribe buttons, or key icons. This palette is perfect for tech explainers, gaming overlays, cyberpunk thumbnails, or any gray dark blue themed video that needs one strong retro-futuristic pop.
Deep Atlantic Fade
- HEX Codes: #020617, #111827, #1f2937, #4b5563, #9ca3af
- Mood: mysterious, immersive, cinematic depth
- Use for: Best suited for underwater themes, dramatic logo reveals, and introspective documentary sequences.
Deep Atlantic Fade layers multiple dark blues and cool grays for a sense of gradual depth, like sinking into deep water or drifting through space. It creates quiet tension and makes your scene feel bigger than it is, with a smooth fade from near-black to soft gray.
Apply the darkest tones to letterbox bars, backgrounds, and shadows, and use the lighter gray for readable text and UI. This palette is strong for underwater content, mysterious logo reveals, slow-motion B-roll, dramatic intros, and any branding that leans into a serious, immersive gray dark blue mood.
Subzero Steel Frame
- HEX Codes: #030712, #1e293b, #334155, #94a3b8, #f9fafb
- Mood: crisp, controlled, high-end cinematic
- Use for: Great for cinematic title cards, product promos, and chilly sci-fi atmospheres.
Subzero Steel Frame mixes near-black, cool blue-grays, and clean off-white to give your visuals a premium, high-contrast feel. It feels like polished metal and frosted glass, ideal when you want your video to look technical and high-end.
Use the darker shades as a frame or backdrop, mid-tones for panels and lower thirds, and the lightest color for text and logos. This palette works especially well for product promos, sci-fi or tech-themed intros, minimal title cards, and thumbnails that need a sleek gray dark blue and white contrast.
Minimal & Modern Gray Dark Blue Color Palettes
Nordic Workspace Calm
- HEX Codes: #111827, #374151, #9ca3af, #e5e7eb, #f9fafb
- Mood: minimal, focused, professional
- Use for: Perfect for productivity vlogs, educational videos, and sleek channel branding.
Nordic Workspace Calm feels like a clean, minimal studio: dark blue anchoring the design, mid grays creating structure, and soft off-whites keeping everything airy. It is distraction-free and neutral, so your content and voice stay in the spotlight.
Use the darkest blue as your background, the middle gray for boxes or subtitles, and the lightest whites for text. This palette is ideal for productivity vlogs, desk setups, tutorials, Notion or app walkthroughs, and understated channel art where you want a modern gray dark blue base that never feels cluttered.
Blueprint Wireframe
- HEX Codes: #0b1120, #1d4ed8, #1e293b, #6b7280, #e5e7eb
- Mood: technical, precise, innovative
- Use for: Use for app previews, UI mockups, and explainer videos that need a clean tech edge.
Blueprint Wireframe takes strong blues and steady grays to echo technical drawings and digital wireframes. It feels analytical and innovative, which is perfect when you want to communicate clarity and precision.
Let the deep navy and gray dark blue hues form your backgrounds and interface panels, while the brighter blue highlights key lines, buttons, or progress bars. This palette fits SaaS product demos, UI and UX explainers, coding content, and startup pitch visuals where a structured, trustworthy gray dark blue color combination is essential.
Gridline UI Chrome
- HEX Codes: #020617, #0f172a, #4b5563, #d1d5db, #22c55e
- Mood: sleek, balanced, slightly energetic
- Use for: Ideal for UI overlays, call-to-action buttons, and clean tutorial layouts.
Gridline UI Chrome combines a neutral gray dark blue base with a soft gray interface and a fresh green accent. It looks like a modern dashboard: clean and readable, with just enough energy to guide attention without overwhelming the eye.
Use the dark blues as your overlay background, grays for cards and panels, and the green as a call-to-action on buttons, timeline markers, or subscribe prompts. It works great for tutorials, software demos, analytics videos, and channel branding that aims for a calm yet modern UI-inspired look.
Corporate Skyline Fade
- HEX Codes: #1f2937, #4b5563, #9ca3af, #e5e7eb
- Mood: corporate, trustworthy, composed
- Use for: Best for business presentations, LinkedIn content, and brand explainer videos.
Corporate Skyline Fade is built from classic blue-grays that feel stable and professional, fading smoothly into soft highlights. It evokes office towers, clean slides, and executive decks, making it perfect for business-focused content.
Apply the darker tones to title bars and lower thirds, mid grays for infographics and charts, and the pale gray for text and background sections. This palette fits LinkedIn videos, company explainers, SaaS intros, pitch decks, and any channel that needs a reliable, corporate gray dark blue aesthetic.
Soft & Atmospheric Gray Dark Blue Color Palettes
Dusk Window Light
- HEX Codes: #0f172a, #1f2937, #6b7280, #f97316, #fed7aa
- Mood: warm, reflective, cinematic dusk
- Use for: Great for lifestyle vlogs, cozy room tours, and golden-hour b-roll.
Dusk Window Light pairs moody gray dark blues with soft orange and peachy highlights, recreating the glow of late-afternoon sunlight streaming into a dim room. It feels nostalgic and intimate, ideal when you want your footage to feel cozy but still cinematic.
Use the blues and grays for walls, shadows, and backgrounds, then let the oranges appear in lamps, text accents, or light leaks. This palette is strong for lifestyle vlogs, cozy room tours, study-with-me videos, and golden hour B-roll, as well as thumbnails that mix a dark background with warm, inviting focal points.
Foggy Harbor Morning
- HEX Codes: #111827, #374151, #9ca3af, #e5e7eb, #f3f4f6
- Mood: quiet, airy, contemplative
- Use for: Perfect for calm travel vlogs, meditation content, and soft spoken narration videos.
Foggy Harbor Morning blends gentle gray dark blues with misty whites, softening hard edges and brightening the frame without losing depth. It feels like filming in the early morning when fog blurs the horizon and everything is calm.
Use the deeper blues for minimal contrast in titles and overlays, and let the lighter grays and whites carry the background so text stays easy to read. This palette is ideal for mindful travel videos, meditation or affirmation content, ambient playlists, and any soft spoken narration where your visuals should feel light, slow, and peaceful.
Moonlit Loft Pastel
- HEX Codes: #020617, #1d2533, #8b9db5, #f9e2af, #fee2e2
- Mood: dreamy, nostalgic, softly cinematic
- Use for: Use for aesthetic montages, bedroom makeovers, and gentle storytelling edits.
Moonlit Loft Pastel anchors the frame in deep midnight blues, then lifts it with desaturated pastel yellows and pinks. The result is dreamy and slightly nostalgic, like a retro film still shot in a modern apartment.
Keep your backgrounds dark and inky, then use the pastel tones in props, wardrobe, or graphic elements like titles and doodles. This palette is great for aesthetic montages, bedroom makeover videos, journaling edits, and mood-board style thumbnails that mix a soft retro 90s influence with a contemporary gray dark blue base.
Bold & Vibrant Gray Dark Blue Color Palettes
Electric Night Drive
- HEX Codes: #020617, #1d4ed8, #7c3aed, #f97316, #e5e7eb
- Mood: high-energy, dynamic, cinematic
- Use for: Perfect for fast-paced edits, music videos, and high-impact YouTube intros.
Electric Night Drive slams vibrant electric blue, violet, and neon orange against a dark base, creating a high-energy, almost sci-fi drive through the city at night. It makes motion graphics and kinetic typography explode off the screen.
Use the darkest shade as a backdrop, with vivid blue and violet for main graphics and orange for crucial highlights or CTA buttons. This palette is ideal for music videos, sports edits, fast-paced montages, and bold intros or thumbnails where you want a powerful gray dark blue foundation with vivid color streaks slicing through it.
Neon Grid Arcade
- HEX Codes: #020617, #0f172a, #22d3ee, #a855f7, #facc15
- Mood: retro-futuristic, playful, energetic
- Use for: Great for gaming channels, stream overlays, and retro-inspired motion graphics.
Neon Grid Arcade uses dark gray dark blue tones as a digital void and lights it up with bright cyan, magenta-purple, and yellow. It captures the energy of old-school arcades and retro 90s game UIs in a fresh, modern way.
Keep the blues for grids, outlines, and backgrounds, then let the cyan, purple, and yellow colors mark health bars, alerts, buttons, and score counters. This palette is perfect for gaming intros, stream overlays, esports highlight reels, and any retro-inspired motion graphics that should pop on YouTube and Twitch.
Techwear Street Pop
- HEX Codes: #020617, #1f2937, #6b7280, #22c55e, #fbbf24
- Mood: streetwise, modern, stylish
- Use for: Ideal for fashion lookbooks, sneaker edits, and urban lifestyle reels.
Techwear Street Pop builds a cool, muted gray dark blue foundation and adds sharp green and yellow highlights that feel like tactical gear and streetwear details. The balance is stylish and urban without being overly neon.
Use the blues and grays for your backgrounds, texts, and frames, while the green and yellow emphasize key products, price tags, and on-screen callouts. This palette is great for streetwear lookbooks, sneaker close-ups, city lifestyle reels, and Instagram or TikTok edits that mix a modern techwear aesthetic with a grounded gray dark blue base.
Cosmic Synth Wave
- HEX Codes: #020617, #312e81, #6366f1, #ec4899, #f9a8d4
- Mood: cosmic, nostalgic, synthwave-inspired
- Use for: Use for retro edits, lyric videos, and stylized motion graphics with an 80s flair.
Cosmic Synth Wave blends deep space blues with glowing purples and pinks for a synthetic galaxy feel. It instantly evokes 80s synthwave, VHS intros, and neon sunsets, while still staying anchored in a gray dark blue night sky.
Use the dark blue for your base, the mid purple and blue for main graphics and shapes, and the pink tones for neon outlines, titles, or animated accents. This palette is perfect for retro edits, lyric videos, channel intros, and animated backgrounds where you want a nostalgic yet polished synthwave aesthetic.
Tips for Creating Gray Dark Blue Color Palettes
Gray dark blue works as a powerful base color for video and design, especially when you combine it with the right accents and keep your grading consistent from shot to shot. Use these tips to build palettes that look intentional on thumbnails, intros, and full Filmora edits.
- Pair gray dark blue with one or two accent colors only (like orange, cyan, or pastel pink) so your visuals stay clean and readable.
- Check text contrast on thumbnails and titles by placing white or very light gray text over your darkest blue, and avoid mid-tone text on mid-tone backgrounds.
- Use gray dark blue for backgrounds, shadows, and frames, then keep faces and important objects slightly warmer so they do not look lifeless.
- Match your palette to your niche: muted gray dark blue for productivity and business, brighter neon accents for gaming and music, and soft pastels for lifestyle content.
- In Filmora, save your favorite HEX values as custom colors for titles, shapes, and overlays so every project reuses the same gray dark blue brand tones.
- Test your palette on both desktop and mobile previews; what looks balanced on a monitor can appear darker on phones, so adjust brightness and contrast if needed.
- Use vignettes and letterboxing in gray dark blue to frame your footage and draw the eye toward your subject without adding visual noise.
- Build a simple style guide that lists your primary gray dark blue, secondary grays, and accent colors so thumbnails, intros, and social clips feel like the same brand.
Gray dark blue palettes can make your channel feel instantly more cinematic, trustworthy, and cohesive. Whether you lean into moody city nights, soft morning fog, or bold neon accents, this color family helps shape emotion and brand identity across every touchpoint your audience sees.
Try dropping these HEX codes into Filmora and designing a set of titles, lower thirds, and overlays that match your style. Once you have a look you love, reuse it across intros, main edits, Shorts, and social teasers so your viewers recognize your content at a glance.
With consistent color grading, a clear gray dark blue theme, and Filmora's creative tools, your videos can move from casual to cinematic while still feeling uniquely yours.
secure downloadNext: Retro 90s Color Palette
