Filmora
Filmora - AI Video Editor
Edit Faster, Smarter and Easier!
OPEN
Filmora Video Editor
Effortlessly create video with AI.
  • Various AI editing tools to increase your video creation efficiency.
  • Offer popular templates and royalty-free creative resources.
  • Cross-platform functionality for editing everywhere.
Edit Video for Free Edit Video for Free
qrcode-img
Scan to get the Filmora App
Sicherer Download 100% Security Verified | No Subscription Required | No Malware

Top 15 Starry Night Blue Color Palettes for Creative Projects With HEX Codes

Max Wales
Max Wales Originally published Mar 19, 26, updated Mar 21, 26

Starry Night Blue sits between deep navy and inky midnight, carrying the calm of a quiet sky and the drama of a city after dark. Psychologically, it feels stable, intelligent, and mysterious, which is why it works so well for cinematic stories, luxury branding, and content that needs a confident, polished mood. Add a touch of warm gold or Aurora Coral and the palette instantly becomes more emotional and memorable.

For video creators, Starry Night Blue is a powerful base color for YouTube thumbnails, intros, lower thirds, title cards, and channel branding. In this guide you will find 15 ready-made Starry Night Blue color palettes with HEX codes tailored for Filmora users and other creators, so you can color grade footage, design overlays, and build cohesive visuals for vlogs, cinematic edits, shorts, and social media graphics.

In this article
    1. Midnight Skyline Drama
    2. Noir Harbor Reflections
    3. Cosmic Storyteller
    4. Stormlit Cinema
    5. Neon Night Market
    1. Moonlit Pastel Dreams
    2. Starlight Serenity
    3. Twilight Storybook
    4. Frosted Night Breeze
    5. Silent Observatory Glow
    1. Electric Galaxy Pop
    2. Urban Night Runner
    3. Starfield Spotlight
    4. Aurora Metro Pulse
    1. Midnight Marble Luxe
    2. Gilded Star Horizon

Cinematic Starry Night Blue Color Palettes

Midnight Skyline Drama

midnight skyline drama starry night blue color palette with hex codes
  • HEX Codes: #0b1020, #13284f, #1f4d7a, #f5c86c, #f8f3e9
  • Mood: Cinematic, tense, and atmospheric like a city at midnight.
  • Use for: Perfect for dramatic film intros, thriller trailers, and moody YouTube storytelling content.

Midnight Skyline Drama builds a rich base of Starry Night Blue, then slices through it with a focused golden highlight. The navy and deep blue tones feel like concrete, glass, and sky after dark, while the warm yellow and cream accents mimic streetlights and illuminated windows. Together they create a poster-ready contrast that instantly feels like a movie still.

Use this palette for opening titles, dramatic lower thirds, and chapter cards in your videos. In thumbnails, keep the background in the darker blues and reserve #f5c86c for text, arrows, or key objects so they pop even at small sizes. For branding, this combination works well for channels that mix storytelling with suspense, reviews with a serious tone, or urban travel content filmed at night.

Pro Tip: Build a Cinematic Starry Night Blue Look in Filmora

To keep Midnight Skyline Drama consistent across an entire edit, start by using your darkest blue (#0b1020) as the anchor for shadows and backgrounds. In Filmora, color grade your footage so blacks are slightly lifted into this tone, then use #13284f and #1f4d7a for overlays, subtitles backgrounds, or shape layers on top of your clips. Add #f5c86c and #f8f3e9 sparingly for titles, icons, and UI-style accents to guide the viewer s eye.

Once you have a look you like, save it as a preset in Filmora so you can apply the same Starry Night Blue mood to intros, B-roll, and short-form edits. This keeps your brand visuals consistent across YouTube, TikTok, Instagram Reels, and even channel banners or end screens.

AI Color Palette

If you have a reference still or color card for Midnight Skyline Drama, you can turn it into a full video look using Filmora s AI-driven tools. Filmora s AI Color Palette feature lets you pick one graded clip or image in this Starry Night Blue scheme and automatically match other clips to it.

Import your footage, grade one key shot with the blues and golds you want, then use AI Color Palette to spread that mood to the rest of your timeline. This is especially helpful when mixing night footage from different cameras or locations, keeping your skyline blues and warm highlights cohesive from start to finish.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

HSL, Color Wheels & Curves

To fine-tune your Starry Night Blue look, work in Filmora s HSL, color wheels, and curves controls. Use HSL to selectively deepen blues while slightly desaturating greens, so night scenes feel crisp instead of muddy. In the color wheels, cool the shadows into #0b1020 and keep midtones nearer to #1f4d7a, then add a hint of warmth in the highlights to echo #f5c86c, creating a natural-looking golden glow on skin and lights.

You can also use curves to lower overall contrast for a softer, atmospheric feel, or increase contrast for thriller-style intensity. If you want a step-by-step example of shaping tones, refer to Filmora s tutorials on using color wheels and curves inside the editor to sculpt cinematic color.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

1000+ Video Filters & 3D LUTs

If you want to move faster, Filmora s built-in looks can give your Starry Night Blue palettes an instant cinematic push. Filmora s video filters and 3D LUTs make it easy to add teal-and-gold, noir, or urban night vibes with a single click, then you can tweak the intensity so your key Starry Night Blue tones still dominate.

Try stacking a subtle LUT with a vignette or glow filter to keep attention on faces and titles while preserving the deep blues in your background. Save your favorite combination as a custom preset so you can reuse the same Starry Night Blue style in every new project.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
iOSAndroid

Noir Harbor Reflections

noir harbor reflections starry night blue color palette with hex codes
  • HEX Codes: #050814, #152238, #23425c, #7fa6c9, #f2f5fb
  • Mood: Moody and reflective, like harbor lights on dark water.
  • Use for: Great for travel vlogs, cityscape timelapses, and reflective talking-head videos with a serious tone.

Noir Harbor Reflections layers inky navy with softened misty blues and a pale highlight. It feels like light breaking across a rainy pier, giving your visuals a sophisticated, introspective edge. The gradient from #050814 through #23425c suggests depth and water, while #7fa6c9 and #f2f5fb add gentle glows for text and UI elements.

Use the darkest shades for backgrounds and overlays on B-roll, then keep your body text and key icons in the lighter blues and off-white for readability. This palette works beautifully for reflective voiceover videos, cinematic city timelapses, or serious topic explainers where you want mood and clarity at the same time.

Cosmic Storyteller

cosmic storyteller starry night blue color palette with hex codes
  • HEX Codes: #070b19, #142350, #384b8f, #f0e5ff, #f6b3ff
  • Mood: Dreamy, mysterious, and slightly otherworldly.
  • Use for: Ideal for narrative shorts, sci-fi edits, podcast cover art, and immersive storytelling titles.

Cosmic Storyteller mixes deep starry blues with soft lilac and pink highlights, creating a palette that feels like a dreamy galaxy. The darker tones ground your frames in mystery, while #f0e5ff and #f6b3ff act like cosmic glows or nebula clouds, perfect for floating titles and overlays.

Use this palette for sci-fi intros, fantasy narration, or podcast thumbnails where you want to hint at imagination and depth. Keep backgrounds in #070b19 or #142350, then use #384b8f for secondary UI and the lighter tones for glowing accents, outlines around characters, or stylized subtitles in Filmora.

Stormlit Cinema

stormlit cinema starry night blue color palette with hex codes
  • HEX Codes: #060910, #132139, #26476b, #e1a76a, #f4eee5
  • Mood: Electric, stormy, and cinematic with a warm accent glow.
  • Use for: Use in action trailers, gaming intros, and dynamic B-roll sequences that need intensity.

Stormlit Cinema balances heavy, brooding blues with a stormy amber accent. The dark base tones produce a high-contrast, dramatic frame, while #e1a76a mimics lightning or backlit clouds, adding a jolt of intensity. #f4eee5 keeps UI and typography readable without breaking the overall mood.

Apply this palette to gaming intros, suspenseful trailers, or action edits where you want energy and structure. In Filmora, you can color grade gameplay or handheld footage into the cooler blues, then use #e1a76a for streaks, light leaks, or title highlights to mimic cinematic lightning flashes.

Neon Night Market

neon night market starry night blue color palette with hex codes
  • HEX Codes: #050716, #132452, #2472b8, #ff4f81, #ffe9f2
  • Mood: Energetic, urban, and neon-soaked with a vibrant nightlife feel.
  • Use for: Perfect for lifestyle vlogs, street food videos, concert edits, and reels with fast cuts and bold typography.

Neon Night Market sets deep Starry Night Blue behind splashes of electric cyan and neon pink. The dark tones hold your footage together, while #2472b8, #ff4f81, and #ffe9f2 inject instant energy and fun, like signage and stall lights in a busy night market.

Use the blues for base grading and frames, then reserve the bright accents for titles, call-to-action buttons, and motion graphics. This palette is ideal for vertical content and thumbnails where you need to stop the scroll with color while still keeping a stylish urban look.

Soft & Dreamy Starry Night Blue Color Palettes

Moonlit Pastel Dreams

moonlit pastel dreams starry night blue color palette with hex codes
  • HEX Codes: #0c1530, #304a7a, #a9bde6, #f6d3f4, #fff7fb
  • Mood: Soft, romantic, and dreamlike, like a pastel night sky.
  • Use for: Great for aesthetic vlogs, journaling videos, and channel art targeting a gentle, calming vibe.

Moonlit Pastel Dreams softens Starry Night Blue into a velvety base, then gently blends into misty blues, lavender, and blush. The transition from #0c1530 and #304a7a to #a9bde6 and #f6d3f4 gives your visuals a dreamy gradient that feels calm and romantic.

Use the darker tones for backgrounds or gradient overlays, and push your text and icons into #f6d3f4 and #fff7fb so they feel light and airy. This palette is perfect for aesthetic journaling videos, morning or night routines, channel banners, and thumbnails that focus on comfort and self-care.

Starlight Serenity

starlight serenity starry night blue color palette with hex codes
  • HEX Codes: #0a1224, #223460, #5d7fb3, #c1d4f6, #f5fafc
  • Mood: Calm, serene, and meditative, inspired by a quiet night sky.
  • Use for: Ideal for meditation videos, lo-fi beats channels, study streams, and calming title cards.

Starlight Serenity layers multiple Starry Night Blue shades into a smooth gradient that feels peaceful and focused. As the colors shift from #0a1224 to #5d7fb3 and into #c1d4f6, you get a sense of gentle motion, like clouds drifting across a moonlit sky.

This palette works well for minimalist layouts, looping background scenes, or simple lyric-style visuals for lo-fi and ambient tracks. Use #f5fafc for text and subtle lines so everything remains legible but still soft on the eyes during long listening or study sessions.

Twilight Storybook

twilight storybook starry night blue color palette with hex codes
  • HEX Codes: #111530, #2a3263, #8769b7, #f1c8d1, #fff3e6
  • Mood: Whimsical and nostalgic, like an illustrated bedtime story.
  • Use for: Use in kids content, animation intros, cozy reading vlogs, or whimsical brand bumpers.

Twilight Storybook combines deep twilight blues with friendly purple and peach accents. The base tones (#111530 and #2a3263) feel like early night, while #8769b7, #f1c8d1, and #fff3e6 echo the warmth of lamplight and storybook illustrations.

Use this palette for child-friendly intros, reading vlogs, or animation overlays. Put your main characters or objects against the darker blue backgrounds and highlight titles or callouts using the soft peaches and purples to keep the tone cozy and approachable.

Frosted Night Breeze

frosted night breeze starry night blue color palette with hex codes
  • HEX Codes: #0e1726, #264160, #6f96af, #cfe3ec, #f8fcff
  • Mood: Cool, airy, and refreshing with a crisp night-breeze quality.
  • Use for: Perfect for skincare promos, tech lifestyle content, and minimalist channel aesthetics.

Frosted Night Breeze takes Starry Night Blue into a clean, refreshing direction. The base navy and slate (#0e1726, #264160) feel modern and grounded, while #6f96af, #cfe3ec, and #f8fcff introduce light, icy tones that suggest freshness and clarity.

This palette is ideal for tech reviews, wellness products, and minimalist branding. Use the lighter shades for backgrounds in product shots or UI overlays, and keep text in the deeper blues for a crisp contrast that still feels premium and gentle.

Silent Observatory Glow

silent observatory glow starry night blue color palette with hex codes
  • HEX Codes: #090f1d, #212c45, #52618a, #d6d4c8, #f9f4e7
  • Mood: Quiet, intellectual, and introspective like a night at an observatory.
  • Use for: Great for educational explainers, documentary-style voiceovers, and thoughtful commentary videos.

Silent Observatory Glow blends serious midnight blues with warm, parchment-like neutrals. The result is a palette that feels both intellectual and human, perfect for content where ideas and storytelling matter more than hype.

Use #090f1d and #212c45 for backgrounds and overlays, then rely on #d6d4c8 and #f9f4e7 for text, charts, and infographics. This keeps your frames calm and readable while giving your educational or commentary videos a subtle, scholarly identity.

Bold & Vibrant Starry Night Blue Color Palettes

Electric Galaxy Pop

electric galaxy pop starry night blue color palette with hex codes
  • HEX Codes: #050819, #122d6b, #1f7cd3, #ffcc33, #ff5a5f
  • Mood: Bold, energetic, and attention-grabbing with a galactic twist.
  • Use for: Ideal for YouTube thumbnails, channel banners, gaming intros, and hype reels.

Electric Galaxy Pop anchors your visuals in deep Starry Night Blue, then blasts in bright cyan, gold, and coral punches. The intense contrast between #050819 and #ffcc33 or #ff5a5f makes elements leap off the screen, which is perfect when you need strong click appeal.

Use the darker blues as backgrounds or gradient overlays in Filmora, and place your main text or characters in front of them surrounded by #1f7cd3 outlines and #ffcc33 or #ff5a5f accents. This palette is made for fast-paced edits, countdowns, stream starting soon screens, and any thumbnail that should read from across the room.

Urban Night Runner

urban night runner starry night blue color palette with hex codes
  • HEX Codes: #060a18, #162646, #1f4c7a, #00c7b0, #f8f9fb
  • Mood: Sporty, fast-paced, and modern, like a neon-lit city run.
  • Use for: Great for fitness vlogs, sports montages, tech ads, and energetic transitions in shorts or reels.

Urban Night Runner pairs sleek navy tones with a sharp teal accent and clean white highlight. The blues convey focus and determination, while #00c7b0 gives a sporty, futuristic kick that works perfectly with fitness or tech footage.

Grade your clips into the Starry Night Blue range and then use #00c7b0 for progress bars, kinetic typography, and call-to-action buttons. #f8f9fb keeps captions and body text crisp, even when your footage is fast and high-contrast.

Starfield Spotlight

starfield spotlight starry night blue color palette with hex codes
  • HEX Codes: #080e1c, #1a2848, #2b4c99, #ffd447, #ffffff
  • Mood: Confident and show-stopping, like a spotlight on a dark stage.
  • Use for: Perfect for product launches, creator intros, and bold title sequences that need instant impact.

Starfield Spotlight uses powerful blues as the stage and bright yellow and white as the spotlight. The contrast between #080e1c and #ffd447 gives any focal element a clear hierarchy, directing attention exactly where you want it.

Use this palette to announce new products, shows, or series. Keep your frames mostly in #080e1c and #1a2848, highlight titles and logos with #2b4c99, and bring in #ffd447 or white for the most important words or objects. This style looks especially polished in animated title sequences and reveal animations created in Filmora.

Aurora Metro Pulse

aurora metro pulse starry night blue color palette with hex codes
  • HEX Codes: #050715, #1b2550, #3851a3, #ff6ec7, #ffe05e
  • Mood: Futuristic, playful, and high-energy with aurora-inspired pops.
  • Use for: Use for music videos, dance edits, festival recaps, and trendy social ads.

Aurora Metro Pulse takes a Starry Night Blue base and splashes it with festival-ready pink and yellow highlights. The deeper blues keep your visuals grounded, while #ff6ec7 and #ffe05e suggest neon signs, strobes, and stage lighting.

Use this palette when editing concerts, party recaps, or dance transitions in Filmora. Let the blues grade your footage, then animate text, shapes, and transitions using the bright accents to create a pulsing, on-beat visual rhythm that matches the music.

Elegant & Modern Starry Night Blue Color Palettes

Midnight Marble Luxe

midnight marble luxe starry night blue color palette with hex codes
  • HEX Codes: #080c18, #151f36, #253a63, #c7cdd8, #f6f6f9
  • Mood: Luxurious, minimal, and editorial with a marble-like calm.
  • Use for: Perfect for branding, portfolio websites, premium product promos, and minimalist openers.

Midnight Marble Luxe uses structured Starry Night Blue shades alongside cool grays and off-white. The dark base colors feel like polished stone, while #c7cdd8 and #f6f6f9 bring a calm, editorial brightness that suits high-end brands.

Use the darker hues for hero sections, video backgrounds, and lower thirds, then keep logos, typography, and interface elements in the lighter neutrals. This palette fits luxury product demos, portfolio reels, and channel branding for designers, consultants, or premium services.

Gilded Star Horizon

gilded star horizon starry night blue color palette with hex codes
  • HEX Codes: #070b16, #182544, #2c4880, #d0a96a, #f5f1e6
  • Mood: Refined and aspirational with a subtle golden glow.
  • Use for: Great for coaching brands, luxury services, cinematic trailers, and inspirational quote graphics.

Gilded Star Horizon marries deep Starry Night Blue with a sophisticated gold and ivory combination. The blues keep your visuals confident and stable, while #d0a96a introduces a golden highlight that reads as success, aspiration, and quality.

Use this palette for cinematic trailers, inspirational quote cards, and branding for coaches or premium services. Let the blues form the night sky behind your message, and apply the gold carefully to headlines, borders, or key call-to-action buttons so they stand out without overwhelming the calm base.

Tips for Creating Starry Night Blue Color Palettes

When you build your own Starry Night Blue color combinations for video and design, a few simple rules will help you keep everything cinematic, readable, and on-brand across thumbnails, intros, and full edits.

  • Choose one primary Starry Night Blue shade as your anchor and apply it consistently for backgrounds, overlays, and shadows.
  • Add 1 to 2 accent colors (such as Aurora Coral, gold, or teal) and reserve them for titles, buttons, and key objects so they feel special.
  • Always check text contrast on mobile: light text on deep blue or dark text on pale blue should pass basic readability at small sizes.
  • Match your color grading to your graphics by nudging shadows toward your chosen blue and highlights toward your accent color.
  • For thumbnails, exaggerate saturation and contrast slightly so Starry Night Blue still reads clearly on busy YouTube or social feeds.
  • Keep skin tones natural by adjusting HSL instead of flooding the whole frame with blue; let the environment carry most of the color.
  • Save your favorite Starry Night Blue looks as presets or LUTs in Filmora so you can reuse the same aesthetic across series and seasons.
  • Test your palette in both dark and light UI contexts (player background, website, apps) to make sure it stays flexible and cohesive.

Starry Night Blue is versatile enough to feel cinematic, calming, bold, or luxurious, depending on how you pair it with highlights like Aurora Coral, gold, or pastel tones. With the 15 palettes above, you can quickly shape mood, guide attention, and give your channel or brand a recognizable visual identity.

Try dropping these HEX codes into your Filmora color tools, then experiment with AI Color Palette, HSL, and LUTs until your footage and graphics feel unified. Once you lock in a look you love, reuse it across thumbnails, intros, lower thirds, and social cutdowns so every piece of content clearly belongs to your world.

The more consistently you apply your Starry Night Blue palette, the faster viewers will recognize your work at a glance. Use these ideas as a starting point, then refine them in Filmora to match your stories, audience, and creative style.

Try It FreeTry It Free
filmora app qrcode
secure-iconsecure download
Max Wales
Max Wales Mar 21, 26
Share article: