100% Security Verified | No Subscription Required | No Malware
Dark blue and navy blue instantly signal depth, trust, and cinematic drama. In branding, these tones feel premium and stable; in thumbnails and titles, they cut through clutter while still looking mature. From calm vlogs to intense trailers, a well-balanced dark blue navy blue color palette can make your visuals feel intentional and high-end.
Below are 15 dark blue navy blue color combinations with ready-to-use HEX codes, designed for video creators, editors, and Filmora users. Use them for YouTube thumbnails, intros, overlays, lower thirds, and full color grading to keep your projects cohesive across platforms.
In this article
Cinematic Dark Blue Navy Blue Color Palettes
Midnight Harbor Lights
- HEX Codes: #071826, #0b2340, #155e75, #f4f3ee, #f5b31f
- Mood: cinematic, calm, and confident
- Use for: Ideal for cinematic intros, harbor-inspired travel vlogs, and slow-paced storytelling sequences.
This dark blue navy blue color palette feels like a quiet harbor at night: deep inky blues, teal reflections on the water, and small touches of warm gold from distant lights. It has a polished, cinematic quality that works beautifully for content where you want viewers to relax into the story.
Use the navy shades as your background for titles, lower thirds, and end screens, then pick the gold accent (#f5b31f) for key words, call-to-action buttons, or logo highlights. In Filmora, this palette suits calm travel vlogs, reflective voiceover sequences, and cinematic B-roll edits that need a subtle but professional aesthetic.
Pro Tip: Build a Cinematic Dark Blue Navy Blue Look in Filmora
To keep this harbor-inspired palette consistent, start by choosing one main navy tone as your background across intros, transitions, and outros. In Filmora, you can add solid color layers with that HEX value and reuse them in titles, split screens, and overlays, so every part of your edit feels like it belongs to the same night-time world.
When grading your footage, gently cool down the midtones and shadows to echo the navy base, then bring back warmth only in highlights like streetlights or skin tones. This balance keeps your dark blue aesthetic cinematic and calm without making the image look flat or lifeless.
AI Color Palette
You can capture this Midnight Harbor Lights palette from a single frame or mood board and apply it across your whole timeline. Filmora's AI Color Palette feature analyzes a reference image, then remaps the colors of your clips to match its blues, teals, and golds automatically.
Import your reference still with the desired navy blue color grading, select it as the source, and let AI match your other clips. This is especially useful for travel vlogs or short films where you shoot in different locations but want one unified night-time harbor mood.
secure download
HSL, Color Wheels & Curves
For precise control over your dark blue navy blue color palette, combine Filmora's HSL, color wheels, and curves. Use HSL to selectively deepen the navy and teal ranges without touching skin tones, then adjust the color wheels to push shadows slightly cooler and highlights a bit warmer for a more cinematic contrast.
If you want to refine this look further, adjust the RGB curves to add a gentle S-curve for richer contrast while protecting details in the blacks. A dedicated Filmora color correction guide can help you explore how curves and wheels work together to keep your dark blue tones clean, not muddy.
secure download1000+ Video Filters & 3D LUTs
If you want to stylize your dark blue navy blue combinations even faster, start with Filmora's built-in filters and LUTs. Filmora's video filters and 3D LUTs make it easy to add teal-and-orange cinematic contrast, dreamy glow, or dramatic noir-inspired grading on top of your custom palette.
Apply a LUT as a base, then fine-tune the blues and shadows with color tools until your footage matches your HEX codes. This approach works well for YouTube thumbnails, channel intros, and reels where you want a recognizable, repeatable navy blue aesthetic.
secure downloadDeep Ocean Title Fade
- HEX Codes: #020817, #0b2447, #19376d, #a5d7e8, #f1f6f9
- Mood: dramatic, immersive, and cool
- Use for: Great for title cards, credit rolls, and moody B-roll overlays in travel or tech videos.
This palette layers almost-black navy with progressively lighter ocean blues, finishing with misty highlights. It feels like you are sinking into deep water while still seeing soft surface light above.
Use the darkest tones for full-screen title backgrounds, then let credits or lower thirds sit on the lighter blues for contrast. The pale tones (#a5d7e8 and #f1f6f9) are excellent for text in outro cards, tech explainers, and cinematic travel overlays where readability matters.
Starliner Intro Glow
- HEX Codes: #050816, #112d4e, #3f72af, #f9f7f7, #f7b801
- Mood: futuristic, optimistic, and cinematic
- Use for: Perfect for sci-fi intros, product teasers, and logo animations with a premium space-age feel.
Starliner Intro Glow combines inky navy with mid-range cosmic blues and a bright gold highlight that feels like starship panels lighting up. The contrast between the deep base and the warm accent creates a high-budget sci-fi impression.
Let the dark blues fill your background and UI-style elements, while the gold (#f7b801) becomes the pulse color for logo reveals, progress bars, or key words. It is ideal for tech products, futuristic trailers, and space-themed channels that want a clean but dramatic dark blue navy blue aesthetic.
Noir Trailer Spectrum
- HEX Codes: #02010f, #0f172a, #1e293b, #64748b, #e5e7eb
- Mood: mysterious, gritty, and refined
- Use for: Use for thriller trailers, crime documentaries, and dramatic chapter cards.
Noir Trailer Spectrum moves from nearly black navy into smoky blue-grays and a soft light gray. It echoes classic film noir lighting, with strong shadows and controlled highlights.
Use the darkest colors behind bold white or light gray text for chapter cards, timelines, and documentary titles. The mid blues (#1e293b and #64748b) are good for semi-transparent overlays on B-roll, helping subtitles and labels stand out while keeping the image moody and tense.
Minimalist Dark Blue Navy Blue Color Palettes
Clean Dashboard Night
- HEX Codes: #020617, #111827, #1f2937, #9ca3af, #e5e7eb
- Mood: minimal, professional, and focused
- Use for: Ideal for UI mockups, software explainer videos, and on-screen analytics overlays.
Clean Dashboard Night layers subtle shades of navy with neutral grays, creating a modern interface look. The palette feels calm and focused, keeping attention on information instead of flashy colors.
Use the deepest blues for background panels, mid blues for cards or graph containers, and the grays for text, icons, and grid lines. It is a strong choice for dashboard explainers, SaaS demos, and data-driven YouTube content where clarity and readability on dark backgrounds are critical.
Corporate Midnight Brand
- HEX Codes: #020617, #0b1f3b, #1e40af, #60a5fa, #f9fafb
- Mood: trustworthy, modern, and corporate
- Use for: Perfect for company intros, pitch decks, and brand reveal animations.
Corporate Midnight Brand mixes deep navy with strong royal blues and a clean white. It feels like a classic corporate identity but more energetic and up to date.
Use the darkest navy for backgrounds, the royal blues (#1e40af and #60a5fa) for logo elements, callouts, and timeline markers, and the off-white for body text. This palette is perfect for LinkedIn videos, investor pitches, and channel branding where you want to communicate reliability and innovation at the same time.
Frosted Navy UI
- HEX Codes: #020617, #0b1f3b, #1e293b, #cbd5f5, #f3f4ff
- Mood: cool, airy, and structured
- Use for: Great for app walkthroughs, SaaS explainer videos, and dashboard-style lower thirds.
Frosted Navy UI pairs deep navies with frosted, almost pastel blue-grays. The result is a dark interface vibe that still feels light and spacious rather than heavy or oppressive.
Keep navies in the background and use the frosted blues (#cbd5f5 and #f3f4ff) for panels, highlight boxes, or text. This aesthetic color palette works well for product tours, onboarding tutorials, and modern UI animations where you want a tech-forward yet friendly feel.
Subtle Studio Logo
- HEX Codes: #010816, #111827, #334155, #e2e8f0, #f9fafb
- Mood: understated, refined, and calm
- Use for: Best for simple logo stings, watermark designs, and minimalist title cards.
Subtle Studio Logo is built from gentle gradients of navy and slate, softened with airy grays. It feels elegant and restrained, ideal for creators who want branding that is present but not loud.
Use the darker shades for backgrounds and logo shapes, and reserve the pale grays for typography, watermarks, and thin outlines. This is a strong option for creative studios, filmmakers, and podcasters who favor minimal, distraction-free title sequences.
Moody Dark Blue Navy Blue Color Palettes
Stormfront Cityscape
- HEX Codes: #000814, #001d3d, #0f172a, #475569, #e2e8f0
- Mood: moody, urban, and tense
- Use for: Ideal for urban B-roll, night city montages, and atmospheric vlog chapters.
Stormfront Cityscape blends almost-black blues with steel gray to mimic a stormy skyline just before or after rain. It feels dense, urban, and slightly on edge.
Use the darkest blues in your shadows and background plates, then apply the grays (#475569 and #e2e8f0) to outlines, titles, and map-style graphics. This palette is great for gritty street edits, documentary intros, or night-drive vlogs where tension and atmosphere matter more than bright color.
Rainy Window Reflections
- HEX Codes: #020617, #0b1120, #1f2933, #64748b, #dbeafe
- Mood: melancholic, reflective, and soft
- Use for: Great for emotional vlogs, storytelling shorts, and lo-fi music visuals.
Rainy Window Reflections layers deep rainy blues with misty highlights, like distant streetlights blurred through glass. The palette is emotional but gentle, avoiding harsh contrast.
Use the darker colors for background gradients and vignettes, then introduce the lighter blue (#dbeafe) in subtitles, handwritten-style captions, or lyric overlays. It is ideal for lo-fi edits, breakup stories, reflective travel diaries, and any video that leans into introspective moods.
Night Drive Neon
- HEX Codes: #010718, #020617, #064663, #ffaa00, #f5f5f5
- Mood: edgy, energetic, and cinematic
- Use for: Use for fast-cut edits, car scenes, and energetic music videos with neon accents.
Night Drive Neon combines inky navy and teal with a bright electric amber and neutral white. It feels like racing down a neon-lit highway with glowing signs rushing past.
Let the dark blues fill the frame, then drop in the amber (#ffaa00) for speed lines, light streaks, or key graphic elements. This palette excels in music videos, car edits, and dynamic reel transitions where you need both darkness and punchy, glowing highlights.
Vibrant Dark Blue Navy Blue Color Palettes
Electric Navy Pop
- HEX Codes: #020617, #001f54, #2563eb, #f97316, #f9fafb
- Mood: bold, lively, and modern
- Use for: Perfect for YouTube thumbnails, bold title cards, and energetic channel branding.
Electric Navy Pop places vivid blues and a bright orange accent on a deep navy backdrop. The contrast is immediate and eye-catching, ideal for standing out in crowded social feeds.
Use the navy and medium blue shades for backgrounds and geometric shapes, then let the orange (#f97316) highlight arrows, subscribe prompts, and key phrases in your thumbnails. The off-white (#f9fafb) keeps text clear and readable even at small sizes.
Galaxy Stream Overlay
- HEX Codes: #020617, #111827, #4c1d95, #ec4899, #fce7f3
- Mood: ethereal, creative, and playful
- Use for: Great for streaming overlays, gamer intros, and creative channel art.
Galaxy Stream Overlay mixes dark navy with galactic purples and pink highlights. It feels like a stylized nebula, fun but still anchored by a rich blue base.
Put the navy and dark purple (#4c1d95) behind your webcam frame, chat box, and alerts, then use the pinks (#ec4899 and #fce7f3) for notifications, badges, and follow/sub counters. This palette fits gaming channels, creative streams, and music edits that want a cosmic but readable UI.
Retro Vaporwave Night
- HEX Codes: #020617, #1e293b, #f97316, #22d3ee, #f7fee7
- Mood: nostalgic, quirky, and high-energy
- Use for: Use in retro edits, montage sequences, and stylized social clips.
Retro Vaporwave Night sets a dark navy base against electric cyan and warm orange accents, with a soft pale yellow highlight. It captures that nostalgic, slightly surreal nightlife vibe associated with vaporwave and synthwave aesthetics.
Use the navy and slate blue (#1e293b) for background grids and city silhouettes, then let cyan (#22d3ee) and orange (#f97316) power neon lines, glitch effects, and title outlines. The pale yellow (#f7fee7) works well for subtle glow and secondary text in stylized TikToks or Instagram reels.
Festival Stage Lights
- HEX Codes: #020617, #1d4ed8, #22c55e, #eab308, #fefce8
- Mood: festive, dynamic, and uplifting
- Use for: Ideal for concert recaps, event promos, and upbeat travel reels.
Festival Stage Lights combines deep navy with vibrant blue, green, and gold, topped with a soft warm off-white. It mirrors the feeling of colorful spotlights cutting through a dark venue.
Keep the navy in your backgrounds and frame edges, then use the bright colors (#1d4ed8, #22c55e, #eab308) to represent stage lights, transitions, and animated accents. The off-white (#fefce8) helps text stay legible over intense color, making this palette great for energetic event recaps and festival highlight reels.
Tips for Creating Dark Blue Navy Blue Color Palettes
When building your own dark blue navy blue color palette for video and design, balance depth and contrast so your visuals stay cinematic but still easy to read on any screen.
- Always pair deep navy (#020617 or similar) with at least one light neutral or pastel for readable text on thumbnails and title cards.
- Limit bright accent colors to one or two per palette so your dark blue base remains dominant and your brand identity feels consistent.
- Test your palette on both light and dark devices by exporting a sample frame or thumbnail and checking it on phone, tablet, and desktop.
- Use warm highlights (gold, amber, or soft yellow) sparingly to draw attention to CTAs, important text, or key objects in frame.
- For cinematic looks, keep shadows slightly blue and highlights more neutral or warm; avoid over-saturating midtones so skin tones stay natural.
- Match your graphics to your footage: sample colors from your video in Filmora and adjust your titles and overlays to echo those exact blues.
- Maintain brand consistency by reusing the same HEX codes across intros, lower thirds, end screens, and social crops.
- Create variations of the same navy palette (cinematic, minimalist, vibrant) so you can adapt to different content types without losing your core look.
Dark blue and navy blue are powerful tools for shaping mood and identity: they can feel corporate, dreamy, or edgy depending on what you pair them with. The palettes above give you ready-made combinations and HEX codes for cinematic intros, clean UI explainers, moody city edits, and bright, energetic thumbnails.
Try dropping these color palettes into Filmora, then refine them with AI Color Palette, HSL controls, and filters until they match your story and your brand. With a consistent dark blue navy blue theme, your channel, vlogs, and promos will feel more professional and recognizable from the very first frame.
Save your favorite combinations, build them into templates, and use them across your future edits so every new video feels like part of the same polished visual universe.
secure download