100% Security Verified | No Subscription Required | No Malware
Navy blue is one of the most versatile colors in visual design. It suggests trust, depth, confidence, and calm, which is why it dominates in corporate branding, cinematic posters, and polished YouTube channels. Depending on what you mix it with, navy blue can feel mysterious and moody, or clean and minimal, or even bold and electric.
For video creators, editors, and designers, having ready-made navy blue color palettes with clear HEX codes makes it much easier to build consistent thumbnails, intros, titles, lower thirds, and color grading looks. Below are 15 curated navy blue color palettes with HEX codes, practical use cases, and ideas on how to apply them in Filmora.
In this article
Cinematic & Moody Navy Blue Color Palettes
Midnight Harbor Scene
- HEX Codes: #02101f, #03254c, #1f4068, #e0e7ff
- Mood: Moody, cinematic, and contemplative, like a quiet harbor just before dawn.
- Use for: Works well for dramatic vlog openings, slow-travel montages, and cinematic storytelling titles.
This palette layers inky, almost-black navy with slightly lighter ocean blues and a soft, misty highlight tone. It feels like standing at the edge of a harbor in the early hours, when lights are dim and reflections are subtle. The result is a cinematic navy blue look that feels calm but emotionally charged.
Use the darkest shade as your background for titles, end screens, or lower thirds. The midtone navy (#1f4068) works well for overlays, buttons, or frames, while the pale highlight (#e0e7ff) keeps text and icons readable. For YouTube thumbnails, combine the deep blues with high-contrast white text to instantly communicate a serious, cinematic story.
Pro Tip: Build a Cinematic Navy Blue Look in Filmora
To keep a moody navy blue aesthetic consistent across an entire edit, start by treating this palette as your baseline. In Filmora, you can set your titles, lower thirds, and overlays to use the exact HEX values from Midnight Harbor Scene, then reuse those presets across all your intros, B-roll, and end cards.
When working on dramatic travel vlogs or narrative videos, use adjustment layers in Filmora to gently cool your footage toward these navy tones. This way your sky, shadows, and water all lean in the same cinematic direction, giving your channel a cohesive look from thumbnail to final frame.
AI Color Palette
If you have a still frame, mood board, or color card that captures your ideal navy blue mood, Filmora's AI Color Palette feature can automatically transfer that look to the rest of your clips. Simply pick a reference shot graded in this Midnight Harbor Scene style, then let AI match the tones across your timeline.
This is especially useful when you shoot on different days or cameras but want all your travel sequences, intros, and B-roll to share the same deep navy ambiance. Instead of manually tweaking each clip, you get a unified, cinematic grade that fits your chosen palette with just a few clicks.
secure download
HSL, Color Wheels & Curves
Once you have your base navy blue grade, use HSL, color wheels, and curves in Filmora to fine-tune the mood. Shift blues slightly toward teal for a travel vibe, or deepen the shadows with the curves tool for a more dramatic night-time feel. You can see how these tools work together in Filmora's color correction and grading tutorials.
Try isolating the blue and cyan ranges in HSL to control how strong the navy appears in clothing, sky, and water. Then use the color wheels to warm skin tones back up so your characters still look natural against a cool, cinematic background.
secure download1000+ Video Filters & 3D LUTs
If you want to stylize your navy blue palettes faster, Filmora's video filters and 3D LUTs make it easy to experiment. Choose moody film emulations, cool-toned LUTs, or subtle contrast boosts, then dial in the strength so your navy blues stay rich instead of crushed.
You can also save custom presets once you find a navy blue look you love. Apply that preset across new projects to keep your thumbnails, intros, and vlogs instantly recognizable without rebuilding the grade from scratch every time.
secure downloadStormy Cinema Frame
- HEX Codes: #020617, #0b1f3b, #274472, #f5f3ff
- Mood: Tense and atmospheric, with a hint of mystery and drama.
- Use for: Best for thrillers, moody travel sequences, dramatic B-roll, and teaser trailers.
Stormy Cinema Frame leans into deep, inky navy shadows, stepping gradually up to a steelier blue midtone and a pale, almost fog-like highlight. It feels like a storm rolling in over the ocean or a city street just after the rain, with suspense built into every frame.
Use the darkest hue as a frame color for your YouTube thumbnails or as the base for full-screen titles. The midtone blues (#0b1f3b and #274472) are ideal for overlays, gradients, and lower thirds, while the soft highlight (#f5f3ff) keeps text, icons, and logos legible. This palette suits crime stories, cinematic trailers, or any vlog where you want a darker, more serious navy blue mood.
Deep Ocean Spotlight
- HEX Codes: #001f3f, #003f5c, #2f4b7c, #ffa600
- Mood: Immersive and intense with a sharp accent that feels like a spotlight in the dark.
- Use for: Great for intros, logo stings, and title cards where a bold accent needs to stand out against deep Navy Blue backgrounds.
This palette submerges you in layered ocean blues, then slices through the darkness with a bright, warm gold accent (#ffa600). The navy tones build a sense of depth and immersion, while the golden highlight feels like a spotlight or a beam of sunlight piercing the water.
Use the dark blues for backgrounds, frames, and grading your footage, then reserve the gold for key elements: channel logos, subscribe buttons, important keywords in titles, or call-to-action banners. On thumbnails, a small strip or badge of gold against the navy instantly draws the eye and adds a premium, cinematic touch.
Noir City Skyline
- HEX Codes: #02040f, #001233, #33415c, #f4f1de
- Mood: Retro-noir and urban, with a sophisticated but gritty edge.
- Use for: Use for city vlogs, film-noir inspired edits, and stylish opening credits.
Noir City Skyline mixes very dark navy with a slightly dusty blue and a warm, almost paper-like highlight. It echoes old film posters, neon-lit alleys, and silhouetted skyscrapers, giving your edit a classic noir attitude without feeling dated.
The near-black navy (#02040f) is perfect for fade-to-black transitions and strong letterboxing bars. Use #001233 and #33415c for panels, interface-style overlays, or minimalist thumbnail backgrounds. The warm highlight (#f4f1de) can carry your typography, subtle icons, or logo marks, providing enough contrast while keeping everything in a muted, classy register.
Soft & Minimal Navy Blue Color Palettes
Cloudwashed Navy Minimal
- HEX Codes: #071426, #12355b, #a9bcd0, #f5f7fb
- Mood: Calm, clean, and minimal with a gentle, cloud-like softness.
- Use for: Perfect for tech explainers, productivity vlogs, clean UI overlays, and minimalist lower thirds.
Cloudwashed Navy Minimal softens traditional navy with powdery blues and a very light, airy background tone. It feels like a mix between a dark mode interface and a clean, Scandinavian workspace, giving you clarity without harsh contrast.
Use #071426 and #12355b for your primary text and accent blocks, then keep #a9bcd0 and #f5f7fb for backgrounds, panels, and negative space. This palette works especially well for infographics on screen, app demos, tutorial lower thirds, and thumbnails that need to look modern, trustworthy, and uncluttered.
Coastal Morning Edit
- HEX Codes: #042f4b, #115173, #9fd3c7, #f2f6f9
- Mood: Fresh, breezy, and optimistic, like a calm morning by the sea.
- Use for: Ideal for travel vlogs, lifestyle channels, wellness content, and soft brand intros.
Coastal Morning Edit brings together oceanic navy, teal-leaning midtones, and soft, misty highlights. It feels breezy and optimistic, like filming a quiet beach walk or a peaceful morning routine by the water.
Use the deeper blues for text and accents, while #9fd3c7 and #f2f6f9 brighten your backgrounds, icons, and on-screen shapes. This is a great choice for wellness or lifestyle brands that want navy's reliability without losing a light, uplifting atmosphere in their thumbnails, titles, and end screens.
Pastel Blueprint Story
- HEX Codes: #0a2342, #2e4a7d, #f0e6ff, #ffe9f3
- Mood: Gentle and imaginative, mixing structure with dreamy pastel touches.
- Use for: Great for educational videos, creative tutorials, planning reels, and story-driven animations.
Pastel Blueprint Story grounds your visuals with structured navy blues, then adds dreamy lilac and pastel pink for warmth and friendliness. The palette feels like a sketchbook full of plans, goals, and creative ideas.
Use the darker blues (#0a2342 and #2e4a7d) for headings, key icons, and outline shapes. The pastel tones (#f0e6ff and #ffe9f3) are perfect for backgrounds, highlight boxes, or color-coding different sections of a tutorial. In thumbnails, you can place navy text over a pastel gradient to get both clarity and approachability.
Quiet Studio Desk
- HEX Codes: #101820, #1f3b4d, #c5d5ea, #f7f9fc
- Mood: Thoughtful, focused, and cozy, like a tidy night-time workspace.
- Use for: Use for study-with-me videos, desk setups, productivity shorts, and calm B-roll sequences.
Quiet Studio Desk combines dark, almost graphite navy with soft, powder-blue neutrals and a very pale background. It feels like a calm late-night study session, with just enough contrast to keep everything sharp but not overwhelming.
Use the darkest shades for borders, drop shadows, and key text, then rely on #c5d5ea and #f7f9fc to fill panels, timelines, and note-style elements on screen. This palette works nicely for captions over desk shots, subtle chapter markers in long videos, and branding for productivity or study-related channels.
Bold & Vibrant Navy Blue Color Palettes
Electric Neon Navy Pop
- HEX Codes: #05081a, #002766, #007bff, #00e5ff, #f9f871
- Mood: High-energy, electric, and modern with a strong digital edge.
- Use for: Best for gaming intros, high-tempo reels, music videos, and bold YouTube thumbnails.
Electric Neon Navy Pop uses a dark navy foundation to let neon cyan, electric blue, and bright yellow explode on top. It feels like RGB lighting, synthwave posters, and live streaming overlays all rolled into one bold palette.
Use #05081a and #002766 for your backgrounds and shadows, letting #007bff and #00e5ff light up outlines, glitch effects, and motion graphics. The bright yellow (#f9f871) is perfect for call-to-action text, score counters, or thumbnail stickers. This palette is ideal when you want viewers to feel energy and motion before they even hit play.
Festival Night Lights
- HEX Codes: #031022, #001f54, #ff5c7a, #ffb347, #ffe156
- Mood: Festive, colorful, and energetic like a night festival stage.
- Use for: Use for event recaps, concert edits, party highlights, and upbeat lifestyle shorts.
Festival Night Lights marries deep night-sky navy with hot pink and warm yellows, echoing stage lights and lanterns against the dark. It feels alive, loud, and social, perfect for capturing festivals, concerts, and nightlife.
Let the navies (#031022 and #001f54) form the base of your frames, with #ff5c7a, #ffb347, and #ffe156 acting as colorful spotlights for text, icons, and motion graphics. For thumbnails, place portraits or silhouettes in front of navy, then surround them with colorful flares or gradients to sell the party atmosphere.
Sport Highlight Reel
- HEX Codes: #000b1e, #00296b, #00509d, #ffdd00, #ffffff
- Mood: Dynamic, competitive, and bold with a clear team-sport feel.
- Use for: Perfect for sports highlights, fitness promos, scoreboard graphics, and energetic intro slates.
Sport Highlight Reel pairs strong, team-style navy blues with vivid yellow and bright white. The palette feels like stadium branding and jersey colors, instantly signaling action, competition, and performance.
Use the darker blues for background strips, frames, and kinetic titles. The yellow (#ffdd00) makes a perfect highlight for scores, timers, and key stats, while white keeps your typography crisp and readable. In Filmora, apply these colors to shape elements in your intro templates so every highlight reel or fitness promo looks like part of one strong visual brand.
Digital Gamer HUD
- HEX Codes: #020308, #001845, #00f5d4, #00bbf9, #f5f5f5
- Mood: Futuristic, techy, and fast, like a glowing game HUD in the dark.
- Use for: Great for gaming overlays, stream packages, channel branding, and tech explainers.
Digital Gamer HUD plants you firmly in a dark, digital world where aqua and cyan graphics hover over navy backgrounds. It feels like a sci-fi game interface, perfect for streaming overlays and tech content.
Use #020308 and #001845 as your main background and shadow tones. The vivid accents (#00f5d4 and #00bbf9) can outline panels, highlight stats, and animate elements like health bars or progress meters. A light neutral (#f5f5f5) keeps text readable without clashing with the neon tones. This palette gives you a cohesive, futuristic style for intros, alerts, and channel branding.
Elegant & Luxury Navy Blue Color Palettes
Navy Gold Premiere
- HEX Codes: #02061a, #002147, #c6a15b, #f5e6c8, #ffffff
- Mood: Luxurious, formal, and cinematic, like a red-carpet movie premiere.
- Use for: Perfect for brand reveals, wedding films, luxury product promos, and high-end title cards.
Navy Gold Premiere combines rich, deep navy with warm metallic gold and creamy highlights. It immediately suggests prestige and ceremony, like an awards night or luxury brand launch.
Use #02061a and #002147 as main backgrounds and title blocks, then bring in #c6a15b for borders, icons, and key words. The softer neutrals (#f5e6c8 and #ffffff) keep text clean and elegant on overlays, invitations, and title cards. This palette suits luxury product videos, cinematic logo stings, and premium YouTube branding.
Velvet Gala Invite
- HEX Codes: #050a30, #112266, #d4af37, #f4d9ff, #f9f4ef
- Mood: Opulent, romantic, and refined like a velvet evening gown.
- Use for: Use for invitations, event promos, fashion lookbooks, and elegant social media graphics.
Velvet Gala Invite deepens navy into a velvety, fabric-like richness, then adds a classic gold accent and soft blush tones. It feels glamorous yet gentle, ideal for fashion, beauty, and upscale events.
Use the navy blues (#050a30 and #112266) for main backgrounds, then let #d4af37 highlight logos, monograms, or signature lines of text. The light tones (#f4d9ff and #f9f4ef) can carry body text, lower thirds, and subtle gradient washes. This palette works beautifully for Instagram teasers, invitation-style motion graphics, and romantic cinematic edits.
Sapphire Wedding Title
- HEX Codes: #03142e, #002b5b, #7fb4ff, #fdf6ff, #ffffff
- Mood: Romantic, polished, and serene with jewel-like clarity.
- Use for: Ideal for wedding films, engagement reels, save-the-date clips, and elegant slideshow titles.
Sapphire Wedding Title blends jewel-like navy with soft sky blue and ivory highlights. It feels calm, refined, and romantic, making it a natural choice for wedding and engagement storytelling.
Use the deeper navy shades (#03142e and #002b5b) as your main canvas, then accent important names or dates with #7fb4ff. The light tones (#fdf6ff and #ffffff) support delicate serif or script typography for titles, lower thirds, and end cards. Apply this palette across your thumbnail borders, title animations, and photo slideshow frames to give couples a consistent, polished look.
Tips for Creating Navy Blue Color Palettes
Navy blue is flexible, but it works best when you balance depth, contrast, and accent colors carefully. Here are some practical tips for building your own navy blue color palettes for video and design.
- Pair dark navy with a clear light tone (off-white, light gray, or soft pastel) to keep text and UI elements readable on thumbnails and titles.
- Add one strong accent color (gold, neon cyan, bright yellow, or coral) instead of many competing accents so your calls to action stand out.
- Use navy for backgrounds and frames, and keep skin tones closer to warm neutrals using color wheels to avoid making people look too cold.
- Check contrast on mobile: zoom out on your thumbnail or title frame and make sure key text is still visible against the navy base.
- Stay consistent across your channel by reusing the same navy HEX codes for logos, lower thirds, and intro templates in every video.
- Match your navy palette to your footage: if your shots are warm and golden, choose a warmer navy or add gold accents; if they are cool, lean into teal or cyan highlights.
- Use gradients that move from deep navy to a softer blue or neutral to add depth without making frames feel heavy or flat.
- Create separate versions of your palette for dark mode (more navy, less white) and light mode (more white or cream, navy as an accent) to suit different platforms.
Navy blue can be calm or intense, corporate or cinematic, depending on what you pair it with. By choosing a clear palette and sticking to those HEX codes, you give your videos a recognizable identity that carries through thumbnails, intros, transitions, and end screens.
Try dropping these palettes directly into Filmora, setting them as custom colors for your titles, overlays, and shapes. Combine them with Filmora's AI tools, color controls, and filters to quickly build navy blue looks that feel professional and branded.
As you experiment with different navy blue combinations, save your favorite looks as presets and reuse them across series, playlists, or entire channels. Over time, that consistent navy blue style becomes part of your visual signature on every platform.
secure download