Top 15 Twilight Blue Color Palettes for Creative Projects With HEX Codes

Twilight Blue sits between day and night, carrying the calm of dusk and the mystery of midnight. It feels cinematic, cool, and slightly nostalgic, which is why it works so well in videos, thumbnails, and branding that aim for depth and polish instead of loud, oversaturated color. Used well, Twilight Blue can signal trust, sophistication, and emotion in a single frame.

For creators and Filmora users, having ready made Twilight Blue color palettes with HEX codes makes it much easier to keep your intros, lower thirds, thumbnails, and color grading consistent. Below are 15 curated Twilight Blue color palettes with HEX codes you can copy directly into your designs or use as a guide when color correcting and styling your edits.

Moody Cinematic Twilight Blue Color Palettes

Midnight Harbor Cinematic

• HEX Codes: #132237, #1b3354, #3e5a80, #8799b8, #0b1320
• Mood: Moody, dramatic, and cinematic with a quiet ocean-night atmosphere.
• Use for: Ideal for dramatic film trailers, travel vlogs set in coastal cities, and dark cinematic intros.

Midnight Harbor Cinematic is a deep sea of navy and smoke kissed blues that feels like standing on a harbor pier at midnight. The near black tones (#0b1320, #132237) give your frames weight and mystery, while the softer blue gray highlight (#8799b8) adds just enough detail for titles and subtle light streaks.

Use this palette when you want your edit to feel like a serious film rather than a casual vlog. It works beautifully for moody openers, suspenseful b roll, title cards, and YouTube thumbnails that hint at depth and drama. Keep text in the lighter blue gray and reserve the darkest shades for backgrounds, frames, and gradients so your visuals stay readable but cinematic.

Pro Tip: Build a Cinematic Twilight Blue Look in Filmora

To keep a Midnight Harbor style look consistent across your whole edit in Filmora, start by picking one of the mid blues (#1b3354 or #3e5a80) as your anchor color. Use it in lower thirds, main titles, and subtle shapes or borders. Then use the darkest navy (#0b1320) as a background shade for overlays, end cards, and intro slates.

Adjust your footage with a cool leaning white balance and slight contrast boost so skin tones stay natural but the shadows lean toward Twilight Blue. This helps trailers, b roll, and thumbnails all feel like part of the same visual universe, even if they were shot on different days or cameras.

AI Color Palette

You can turn this exact palette into a one click look using Filmora. Drop a reference frame or color card that shows these Midnight Harbor tones, then let Filmora's AI Color Palette feature analyze and apply the style to the rest of your clips. It is a fast way to match a dark, moody harbor vibe across intros, talking head shots, and b roll.

This is especially useful when you cut between different locations or lighting setups. AI Color Palette helps pull everything back into the same Twilight Blue family so your video feels cohesive instead of patchy.

Try It FreeTry It Free

Download the APP

secure download

HSL, Color Wheels & Curves

Once the overall mood is in place, refine your Twilight Blue tones in Filmora using HSL, color wheels, and curves. Gently shift blues and cyans toward your chosen HEX values, deepen shadows to echo #0b1320, and slightly lift midtones so details do not get lost. The color wheels let you cool shadows while keeping highlights more neutral for a balanced cinematic look.

If you want a darker thriller feel, pull down the curve in the shadows and add a bit of blue in the shadow wheel. For softer drama, ease off the contrast and lift the highlight point so skies and faces retain subtle detail. You can follow along with Filmora's own color grading tutorial using HSL and curves to see these adjustments in action.

Try It FreeTry It Free

Download the APP

secure download

1000+ Video Filters & 3D LUTs

If you prefer speed over manual grading, Filmora's video filters and 3D LUTs make it easy to build a Twilight Blue aesthetic with a few clicks. Start with a cinematic or teal and orange LUT, then tweak the intensity so your shadows lean into Midnight Harbor blues instead of pure black.

You can stack subtle filters for glow, grain, or vignettes to make the Twilight Blue mood feel more like a finished film. Save your favorite combination as a custom preset, so every trailer, intro, or coastal vlog can instantly match this palette.

Try It FreeTry It Free

Download the APP

secure download

Stormy Skyline Studio

• HEX Codes: #0f1724, #1f2838, #3a4b66, #64728a, #a0b3c8
• Mood: Tense, modern, and slightly futuristic, like a city before a storm.
• Use for: Use for tech reviews, cyberpunk-inspired b roll, or urban night-lapse sequences.

Stormy Skyline Studio layers smoky indigos and cool steel blues to echo neon lit skyscrapers under heavy clouds. The darker tones make a perfect base for techy overlays, HUD graphics, and title bars, while the pale blue gray (#a0b3c8) keeps text and icons crisp.

Use this palette for channel branding around tech, productivity, or urban lifestyle. Twilight Blue backgrounds with bright, white or light blue typography work well for YouTube thumbnails, chapter cards, and animated lower thirds over night time city footage.

Deep Space Odyssey

• HEX Codes: #050814, #11182a, #213655, #2f4e72, #6b89af
• Mood: Expansive, mysterious, and futuristic with a spacefaring feel.
• Use for: Great for sci-fi title sequences, gaming highlight reels, and space themed motion graphics.

Deep Space Odyssey moves from almost black navy to soft galactic blue, creating the feeling of drifting through a quiet universe. The rich darks (#050814, #11182a) are ideal for outer space backdrops, while the mid and light blues add dimension to planets, UI elements, and glowing accents.

Apply this palette to sci fi intros, gaming highlight packs, or space themed explainers. For thumbnails and banners, use the lightest blue (#6b89af) for logos and main headlines so they float clearly above the deep Twilight Blue void behind them.

Noir Alley Reflections

• HEX Codes: #080c15, #151b29, #222c3d, #3b4a61, #8c9ab2
• Mood: Retro noir, introspective, and quietly intense.
• Use for: Perfect for narrative shorts, true crime recaps, and introspective commentary channels.

Noir Alley Reflections uses shadowy blues and soft streetlight highlights to recreate a rain slicked alley at night. The layered darks build depth and tension, while the softer blue gray (#8c9ab2) hints at mist, reflections, or distant neon signs.

It is a strong choice for storytelling edits, from true crime breakdowns to reflective essays and documentary style vlogs. Use the midtones (#222c3d, #3b4a61) for overlays and titles, and keep brighter text tightly framed so it feels like a shaft of light cutting through a moody Twilight Blue scene.

Soft Romantic Twilight Blue Color Palettes

Dusk Garden Romance

• HEX Codes: #243554, #32466a, #8e9ac1, #f7d3da, #fef4f6
• Mood: Soft, romantic, and dreamy like a garden at twilight.
• Use for: Ideal for wedding highlight films, engagement reels, and dreamy lifestyle content.

Dusk Garden Romance blends rich Twilight Blues with blush pinks and soft ivory for a tender, storybook atmosphere. The blues frame your scene with calm depth, while the pinks and off whites act as gentle, glowing accents.

Use this palette for wedding titles, love story montages, and romantic lifestyle vlogs. In thumbnails and branding, set headlines in the deeper blues, then use the blush (#f7d3da) and ivory (#fef4f6) for callout boxes, borders, and icons to keep everything light, intimate, and easy to read.

Moonlit Blush Whisper

• HEX Codes: #1f2c4a, #3e4b70, #c0c7e6, #f6dde7, #fff7fb
• Mood: Gentle, nostalgic, and feminine with a moonlit glow.
• Use for: Use for beauty channels, cozy room tours, or soft spoken ASMR videos.

Moonlit Blush Whisper pairs cool Twilight Blues with powdery lilac and blush, wrapping your visuals in a quiet romantic haze. The soft pastel highlights keep things feminine and approachable, while the darker blues ground the palette and stop it from feeling washed out.

It is perfect for beauty intros, self care vlogs, and ASMR content where the mood needs to stay soft and soothing. Use the palest tones (#f6dde7, #fff7fb) as background cards for text, and let the mid blues carry titles, dividers, and simple icons.

Twilight Storybook Dreams

• HEX Codes: #263357, #43558a, #7c8ec4, #f2e3ff, #ffe6f0
• Mood: Whimsical, cozy, and imaginative like a bedtime story.
• Use for: Perfect for kids content, whimsical channel art, and animated explainers with a gentle tone.

Twilight Storybook Dreams mixes storybook blues with soft candy tints, creating a playful yet calm palette. The balance of cozy blues and pastel highlights feels like reading under a bedside lamp just before sleep.

Use it in kids animations, educational explainers, or family friendly intros. Set characters and illustrations in the mid blues, and reserve the pastel hues for title clouds, speech bubbles, and buttons in thumbnails or UI overlays.

Lakeside Candle Glow

• HEX Codes: #1b2740, #304666, #5a7494, #f0c6a8, #ffe8d6
• Mood: Warm, intimate, and nostalgic with lakeside cabin vibes.
• Use for: Use in slow living vlogs, cottagecore edits, and heartfelt storytelling intros.

Lakeside Candle Glow sets cool lake blues against candlelit peach and cream. The contrast between deep Twilight Blue water tones and warm highlights feels like watching reflections dance across a calm lake from a cozy cabin window.

This palette suits slow living, journaling, and storytelling content. Let the blues dominate backgrounds and overlays, and use the peach and cream (#f0c6a8, #ffe8d6) to highlight quotes, key phrases, or chapter markers in both video frames and thumbnail designs.

Elegant Modern Twilight Blue Color Palettes

Twilight Sapphire Luxe

• HEX Codes: #141f34, #1f3150, #2f4470, #d0d7e6, #f5f7fb
• Mood: Polished, premium, and quietly powerful.
• Use for: Great for luxury brand intros, portfolio reels, and minimalist logo animations.

Twilight Sapphire Luxe combines refined blues with soft dove highlights, giving your visuals a high end, trustworthy feel. The darker sapphire tones add authority, while the pale grays keep layouts airy and modern.

Use this palette for brand reveals, agency showreels, and minimalist openers. In thumbnails and channel art, rely on the deep blues for backgrounds and blocks, and keep typography mostly in the lighter tones (#d0d7e6, #f5f7fb) for high contrast clarity.

Blue Hour Minimalist

• HEX Codes: #111827, #1f2940, #324466, #5f7ca4, #e2e8f0
• Mood: Calm, modern, and editorial with blue hour clarity.
• Use for: Use in clean UI mockups, tech explainers, and productivity or study with me videos.

Blue Hour Minimalist balances mid to deep Twilight Blues with cool gray highlights for a sharply focused, editorial look. It feels like the crisp air of early evening when everything is still but full of potential.

It works well for UI animations, productivity channels, and design forward explainers. Keep backgrounds dark to mid blue, and reserve #e2e8f0 for text, charts, and timeline markers so your information stays readable on any screen.

Nordic Nightfall Studio

• HEX Codes: #0c1520, #1d2c3f, #31465a, #7e8fa0, #f3f4f6
• Mood: Scandi calm, refined, and slightly mysterious.
• Use for: Perfect for design portfolios, architecture walkthroughs, and premium product showcases.

Nordic Nightfall Studio uses cool Nordic blues and soft slate with off white to convey quiet sophistication. It has a subtle, gallery like presence that makes products and visuals feel curated rather than flashy.

Use it for architectural tours, UI or UX portfolios, and high end product demos. The darker tones frame shots and UI cards, while #f3f4f6 serves as a neutral canvas for main titles, pricing cards, or specification lists.

Midnight Marble Atrium

• HEX Codes: #050814, #182132, #263853, #9aa6b8, #ffffff
• Mood: Grand, architectural, and confidently chic.
• Use for: Use for fashion lookbooks, gallery promos, and cinematic title slates.

Midnight Marble Atrium mixes inky blues with soft stone grays and crisp white, like moonlight hitting polished marble floors. The palette feels bold and timeless, without relying on bright accent colors.

Apply it to fashion campaigns, art gallery teasers, or stylish typography based intros. Let the blues occupy the frame edges and backgrounds, while #ffffff and #9aa6b8 carry logos, captions, and any body copy you need to be easily legible.

Vibrant Twilight Blue Color Palettes for Social Media

Neon Pier Nights

• HEX Codes: #111a30, #223a63, #1f7ac4, #ff6db3, #ffeb7a
• Mood: Energetic, playful, and nightlife inspired.
• Use for: Perfect for YouTube thumbnails, music videos, and festival recap edits that need to pop.

Neon Pier Nights throws electric blue together with hot pink and neon yellow, recreating the glow of a bustling boardwalk after dark. The Twilight Blues act as the night sky and sea, while the bright accents mimic neon signs and fairground lights.

Use this for music videos, festival recaps, or high energy vlogs where you want to stand out in a crowded feed. Build thumbnails with dark blue backgrounds, then use #ff6db3 and #ffeb7a to highlight key words, outlines, and call to action elements.

Electric Wave Breaker

• HEX Codes: #07111f, #11406e, #1f7aa8, #27c6e5, #f5fbff
• Mood: High energy, coastal, and refreshingly bold.
• Use for: Use for surfing edits, sports montages, and high tempo travel vlogs.

Electric Wave Breaker is packed with punchy oceanic blues and bright aqua highlights. It feels like waves crashing under stadium lights, with enough contrast to handle fast motion and dynamic transitions.

Use the deeper tones for borders and frame edges, and let the bright teal (#27c6e5) and soft white (#f5fbff) drive titles and motion graphics. It works especially well in sports edits and travel vlogs where the sea or sky can be pushed a little more toward Twilight Blue.

Indigo Pop Arcade

• HEX Codes: #141933, #2a2f66, #4a4fb1, #ff5f6c, #ffc857
• Mood: Retro, playful, and full of arcade nostalgia.
• Use for: Perfect for gaming highlights, retro recap videos, and bold motion graphic overlays.

Indigo Pop Arcade fuses Twilight Indigo shades with saturated coral and gold accents, channeling the energy of neon arcade lights. The blues create a deep, immersive base, while the warm pops cut through with instant attention.

Use the darker blues for backgrounds and panels in gaming overlays, then bring in #ff5f6c and #ffc857 for score badges, callouts, and key thumbnail words. This palette keeps your content fun and bold while still feeling cohesive.

Skyline Vlog Splash

• HEX Codes: #10213a, #24518b, #3f7fd3, #ffb0a3, #fff4da
• Mood: Optimistic, urban, and vlog ready.
• Use for: Great for day to night city vlogs, lifestyle content, and channel branding focused on travel or study abroad.

Skyline Vlog Splash blends bright skyline blues with peach and soft cream accents, delivering an upbeat, urban feel. It captures the shift from daytime hustle to cozy evening scenes in one coherent palette.

Use this for lifestyle channels, travel diaries, and study abroad vlogs. Build channel banners and thumbnail frames in the blues, then use #ffb0a3 and #fff4da for friendly, approachable text boxes, stickers, and emoji style graphics.

Tips for Creating Twilight Blue Color Palettes

Twilight Blue is versatile enough to feel cinematic, romantic, or energetic depending on the colors you pair it with. These tips will help you combine Twilight Blue shades with supporting tones that work well for video, thumbnails, and branding.

• Use deep Twilight Blues as your main background to create contrast and let lighter text or accents stand out clearly on mobile screens.
• Pair Twilight Blue with one warm accent (peach, coral, gold) when you need attention grabbing thumbnails or call to action buttons.
• For romantic or soft edits, balance Twilight Blue with blush pinks or soft creams, and keep saturation slightly lower to avoid a harsh look.
• Check readability by previewing your thumbnails at small sizes; if text on Twilight Blue is hard to read, brighten the text color or add a subtle shadow or stroke.
• Keep brand consistency by choosing one or two core Twilight Blue HEX codes and reusing them for your logo, lower thirds, and end screen layouts.
• When grading footage, push shadows gently toward blue while keeping skin tones neutral so your edit feels cohesive without looking unnatural.
• Use gradients between dark and mid Twilight Blue for smooth title backgrounds, then place bright accents at key focal points only.
• Save your favorite combinations as presets or brand guidelines, including HEX codes and usage notes, so every new edit matches your established style.

Twilight Blue color palettes can completely change how your content feels, from noir inspired storytelling and dreamy romance to high energy city vlogs. By choosing the right combination of deep blues, soft highlights, and carefully placed accent colors, you shape the mood of your videos and build a recognizable visual identity.

All 15 palettes above give you ready made HEX codes to plug straight into your overlays, titles, and color grading. In Filmora, you can then refine those looks with AI Color Palette, HSL controls, filters, and LUTs until your intros, b roll, and social clips all share the same Twilight Blue signature.

Experiment with a few palettes that match your niche, save them as go to looks, and keep testing how they appear across thumbnails, shorts, and long form edits. Over time, that consistent Twilight Blue style will make your channel or brand instantly recognizable.

Try It FreeTry It Free

Download the APP

secure download

Next: Sea Glass Green Color Palette