Top 15 Stormy Ocean Color Palettes for Creative Projects With HEX Codes

Stormy Ocean is a deep, cinematic blue that feels powerful, mysterious, and quietly emotional. It combines the weight of navy with the freshness of teal, making it ideal for storytelling where mood really matters. In video, it often appears in dramatic skies, reflective water shots, and cool-toned interiors, instantly signaling tension, depth, or introspection.

For creators and Filmora users, Stormy Ocean color palettes are perfect for YouTube thumbnails, channel intros, cinematic edits, and cohesive branding across social platforms. Below are 15 Stormy Ocean color combinations with ready-to-use HEX codes so you can grade your footage, design titles, overlays, and brand assets with consistent, moody blue energy.

Cinematic Stormy Ocean Color Palettes

Midnight Swell Drama

• HEX Codes: #021320, #053455, #0b5b7a, #7fa7bf
• Mood: Moody, intense, and cinematic with deep ocean shadows and cool highlights.
• Use for: Perfect for dramatic travel films, cinematic trailers, and emotional story-driven edits.

Midnight Swell Drama moves from almost-black blue to a soft, misty highlight shade. It captures the feeling of standing on a cliff at night, watching waves crash in slow motion. The darkest tones work beautifully for letterbox bars, title backgrounds, or UI overlays, while the lighter blue adds just enough detail to keep your frames readable and sharp.

Use this palette for cinematic sequences, travel b-roll, and teaser trailers where you want tension and depth without losing color. In Filmora, apply these HEX codes to text, lower thirds, and graphic frames so your thumbnails, intros, and in-video titles all share the same deep Stormy Ocean identity.

Pro Tip: Build a Cinematic Stormy Ocean Look in Filmora

To keep a Midnight Swell Drama feel across your entire edit, start by choosing one of the dark blues for your background elements and one mid-blue for accents. In Filmora, set your title templates, transition overlays, and end screens to use those exact HEX codes so every part of the video feels like it belongs to the same stormy world.

You can also save these combinations as custom presets in Filmora. That way, every new trailer, channel intro, or social cut automatically inherits your Stormy Ocean aesthetic without rebuilding the look from scratch.

AI Color Palette

If you have a favorite Stormy Ocean still frame or photo, you can turn it into a reference image and match its tones across your whole project. Filmora's AI Color Palette feature analyzes that reference and automatically brings the same blues, contrast, and mood into your other clips.

Import your footage, choose the most cinematic shot graded with Midnight Swell Drama tones, and let AI Color Palette push similar color balance to the rest. This is perfect for stabilizing the look of multi-camera shoots, travel vlogs filmed in changing light, or B-roll gathered from different days.

Try It FreeTry It Free

Download the APP

secure download

HSL, Color Wheels & Curves

To refine your Stormy Ocean look, use Filmora's HSL, color wheels, and curves tools to subtly push hues and contrast. You can deepen the blues in the shadows, lift teal into the midtones, and cool down highlights for a classic cinematic teal-and-shadow effect without losing skin tones.

If you want a more advanced walkthrough, check out Filmora's tutorials on using color wheels and curves for cinematic color grading. This combination lets you dial in exactly how intense or gentle your Stormy Ocean palette feels across different scenes.

Try It FreeTry It Free

Download the APP

secure download

1000+ Video Filters & 3D LUTs

Once your Stormy Ocean palette is in place, you can speed up styling with Filmora's ready-made effects. Filmora's video filters and 3D LUTs make it easy to add film grain, soften highlights, or push colors toward a blockbuster teal-and-orange contrast while still respecting your chosen HEX codes.

Try stacking a subtle cinematic LUT with a light vignette and glow to enhance Midnight Swell Drama. You will get a cohesive, big-screen look in just a few clicks, perfect for trailers, channel rebrands, and premium client work.

Try It FreeTry It Free

Download the APP

secure download

Tempest Horizon Fade

• HEX Codes: #051726, #0a3042, #145b73, #5f8597, #b8c7cf
• Mood: Brooding yet hopeful, like a storm breaking over a distant horizon.
• Use for: Great for moody documentaries, poetic b roll sequences, and reflective montage edits.

Tempest Horizon Fade glides from near-black blue to a pale coastal gray, mirroring a sky that is just beginning to clear. The gradient setup makes it ideal for smooth backgrounds, animated gradients in title cards, and lower thirds that transition from dark to light.

Use the lightest shade for legible text and UI elements, while the darker tones sit in the background or frame your footage. In thumbnails and channel banners, this palette tells viewers they can expect introspective, story-driven content with a calm but serious tone.

Shipwreck Noir

• HEX Codes: #010b13, #062231, #0e3c52, #3b6478, #9fb4c0
• Mood: Dark, mysterious, and suspenseful with subtle vintage undertones.
• Use for: Ideal for thriller-style edits, mystery teasers, and dramatic podcast cover art.

Shipwreck Noir leans into deep, inky blues and washed-out sea tones that feel like an old maritime mystery. The darkest shades replace pure black for backgrounds, giving your frames depth without looking flat or harsh.

Use the mid and light tones to highlight key text, character names, or episode titles. For podcasts, true crime channels, or narrative shorts, this palette adds tension and intrigue to posters, thumbnails, and opening credits while staying firmly in the Stormy Ocean family.

Thunderhead Breaker

• HEX Codes: #04121f, #0c2f45, #17607e, #64a1ba, #f1f3f4
• Mood: Electrified and powerful, balancing tension with clean light accents.
• Use for: Use for impactful channel intros, esports overlays, and bold cinematic title cards.

Thunderhead Breaker mixes strong teal blues with bright foam-like whites, echoing crashing waves under storm clouds. It feels high energy and modern, especially when animated with fast cuts and kinetic text.

Use the deepest blues as backgrounds for scoreboards, game overlays, or title cards, and the lightest tones for key text, icons, and logo highlights. This Stormy Ocean palette works especially well for fast-paced intros where contrast and clarity matter on both desktop and mobile screens.

Gale Force Teal

• HEX Codes: #03141f, #053144, #0f5668, #1b7b8e, #8fbfc9
• Mood: Tense, kinetic, and adventurous with a modern teal twist.
• Use for: Excellent for action montages, outdoor adventure vlogs, and sports highlight reels.

Gale Force Teal pushes Stormy Ocean into a more teal-forward direction, giving your edit a sense of speed and adrenaline. The darker shades are perfect for gritty backdrops, while the mid and light teals bring out motion, trails, and speed lines.

Use this palette in GoPro footage, hiking and surfing vlogs, or sports reels. In Filmora, you can color your transitions, on-screen timers, and stat cards with these HEX codes to create a unified, professional adventure brand.

Soft & Dreamy Stormy Ocean Color Palettes

Foam Kissed Daydream

• HEX Codes: #1f3c52, #3f6782, #7da1b8, #c7d7e0, #f6f9fb
• Mood: Soft, comforting, and nostalgic like a calm moment after the storm.
• Use for: Great for lifestyle vlogs, family travel videos, and gentle social media aesthetics.

Foam Kissed Daydream balances medium blues with airy whites and pale tints, creating a cozy, washed look. It feels like faded film or memory-filled polaroids from a seaside holiday.

Use the deepest blue for text and icons, and the lighter tones for backgrounds, frames, and story highlight covers. This palette fits daily vlogs, family channels, and calming reels, especially when combined with soft transitions and gentle background music.

Harbor Mist Lullaby

• HEX Codes: #223747, #496171, #7f96a3, #c6d0d5, #f3f5f6
• Mood: Quiet, reflective, and gentle with a muted coastal haze.
• Use for: Ideal for study-with-me videos, calm tutorials, and introspective short films.

Harbor Mist Lullaby brings down the saturation and softens the contrast, creating a muted coastal haze across your visuals. It is soothing and distraction-free, making it ideal for long-form content.

Use it for educational channels, productivity content, and reflective shorts. Darker tones can frame your camera view or screen recordings, while the lightest grays and blues support clean, readable text in lower thirds and chapter markers.

Seaglass Reverie

• HEX Codes: #294a57, #4a7580, #81a8a9, #c3d9d6, #f4faf6
• Mood: Ethereal and soothing, with a hint of coastal nostalgia.
• Use for: Perfect for wellness content, meditative edits, and aesthetic reels or shorts.

Seaglass Reverie mixes soft teal blues with seafoam tints that feel worn-in and gentle, like pebbles on a beach. This palette adds a subtle, dreamy layer to your edit without overpowering the footage.

Use it in wellness channels, yoga flows, ASMR, or meditation content. Set your text, icons, and overlays in the mid to dark hues, and reserve the palest tones for background cards in quote screens and affirmations.

Overcast Tide Whisper

• HEX Codes: #1c3340, #435764, #74818c, #aeb8be, #e3e7ea
• Mood: Understated, calm, and slightly melancholic like a gray beach morning.
• Use for: Use for cinematic diaries, moody lo fi edits, and minimal title designs.

Overcast Tide Whisper keeps the ocean feel but mutes the entire range into gentle grays and blues. It captures the quiet mood of an early, overcast shoreline.

Apply this palette to lo fi edits, journaling videos, or soft, reflective montages. It works especially well for minimal title screens where you want emotion without vivid colors stealing focus from the story.

Driftwood Echo Glow

• HEX Codes: #233744, #3f5c6a, #8ca2a5, #cbbfaf, #f5eee3
• Mood: Warm, nostalgic, and organic with a coastal cabin feeling.
• Use for: Ideal for cottagecore edits, travel journals, and brand stories with a natural touch.

Driftwood Echo Glow pairs Stormy Ocean blues with driftwood beiges and creamy highlights. The result feels both coastal and earthy, like a wooden cabin facing the sea.

Use the warm neutrals for backgrounds and the blues for text and accents. This combo is great for storytelling brands, cottagecore visuals, and travel journals that blend nature, lifestyle, and the sea in a single visual language.

Bold & Vibrant Stormy Ocean Color Palettes

Electric Squall Pop

• HEX Codes: #041e2e, #04506b, #0e87a6, #22bfd0, #f3f9fb
• Mood: Energetic, modern, and eye catching with bright ocean highlights.
• Use for: Great for YouTube thumbnails, channel banners, and kinetic typography intros.

Electric Squall Pop takes deep navy and supercharges it with bright aqua and teal. It feels like lightning flashing across the water, making it excellent for scroll-stopping designs.

Use the darker colors as strong backgrounds and the vivid teals for outlines, buttons, and text glows. On YouTube, this palette helps your thumbnails stand out among muted feeds while still keeping a cool, oceanic core.

Neon Reef Tempest

• HEX Codes: #021423, #06425e, #0fa3b1, #ffb627, #ff3366
• Mood: Playful, edgy, and high contrast with a punch of coral and gold.
• Use for: Perfect for music videos, gaming overlays, and bold product launches.

Neon Reef Tempest throws bright coral pink and golden yellow into Stormy Ocean blues, creating a hyper-modern, neon reef vibe. It is made for high-impact, youthful visuals.

Use the bright coral and gold sparingly for call-to-action buttons, key words in titles, and overlay accents. Let the deep blues carry most of the frame, so the neon tones pop without overwhelming your audience.

Cyclone Teal Pulse

• HEX Codes: #031927, #064059, #0c7b8c, #19b2a5, #ffe3b3
• Mood: Dynamic and optimistic, mixing storm energy with sunlit warmth.
• Use for: Ideal for energetic brand intros, tech explainers, and upbeat travel recaps.

Cyclone Teal Pulse swirls saturated teal blues with a soft, sandy highlight color. It keeps the energy of a storm but adds a touch of sunshine and optimism.

Use teal shades for main branding, overlays, and infographics, and drop the warm sand tone into subtitles, icon fills, or small logo elements. This palette suits tech channels, upbeat brand videos, and energetic recaps of city or coastal adventures.

Storm Lantern Beacon

• HEX Codes: #021524, #0a3350, #1f6a8a, #ff7847, #ffd9c2
• Mood: Heroic and adventurous with warm lantern light against cold seas.
• Use for: Use for cinematic title sequences, hero banners, and announcement graphics.

Storm Lantern Beacon contrasts cold ocean blues with glowing orange and peach tones, like a lantern shining over rough waters. The warm accents instantly draw the eye.

Use blues for backgrounds, frames, and overlays, then reserve the orange for your logo, key buttons, or important phrases in titles. This palette is strong for announcement graphics, premieres, and episodes focused on big turning points in your story.

Minimal & Modern Stormy Ocean Color Palettes

Steel Breakwater Minimal

• HEX Codes: #0a2232, #254153, #607380, #b5bfc7, #f6f7f9
• Mood: Clean, professional, and restrained with architectural coolness.
• Use for: Great for tech brands, portfolio sites, and UI overlays in tutorial videos.

Steel Breakwater Minimal blends Stormy Ocean blues into cool, steely grays, giving your visuals a modern, architectural feel. It is crisp and professional without feeling sterile.

Use darker shades for navigation bars, text, and icon outlines, and lighter ones for panels and backgrounds. This palette is perfect for UI overlays in screenshare tutorials, product demos, and personal portfolio reels where clarity and polish are crucial.

Concrete Pier Mono

• HEX Codes: #071722, #263541, #4f5b66, #8e959d, #dddee1
• Mood: Understated, urban, and modern with a monochrome ocean twist.
• Use for: Perfect for design case studies, corporate videos, and muted title cards.

Concrete Pier Mono is a near-monochrome range of blue-grays that feels urban and sophisticated. It hints at choppy water under a concrete structure without using bright accent colors.

Use this palette when you want your footage and typography to feel serious and design-forward: brand case studies, agency reels, and corporate explainers. Dark tones anchor titles and background shapes, while the lighter grays keep layouts clean and easy to read.

Tips for Creating Stormy Ocean Color Palettes

Stormy Ocean works across many styles, from moody cinematic grading to clean tech branding. A few simple guidelines will help you combine it with supporting colors for video, thumbnails, and design that always look intentional.

• Balance depth and light: pair at least one very dark Stormy Ocean shade with a light, airy tone so text and UI elements stay readable.
• Limit bold accents: if you use bright coral, orange, or gold with Stormy Ocean, keep them for CTAs, buttons, and key words so they stand out.
• Match footage temperature: if your shots are warm (sunset, interior lamps), add a warm supporting color; if they are cool, lean on grays and teals.
• Stay consistent across assets: reuse the same HEX codes in thumbnails, end screens, overlays, and channel art so your brand feels unified.
• Check mobile readability: test your palette on small screens to ensure subtitles, captions, and icons are high contrast and easy to read.
• Use gradients smartly: Stormy Ocean gradients from dark to light make excellent backgrounds for titles, intro cards, and lower thirds.
• Protect skin tones: in color grading, keep blues mostly in shadows and midtones so faces stay natural and inviting.
• Save presets in Filmora: once you find a Stormy Ocean combo you like, save it as a custom color preset and reuse it in new projects.

Stormy Ocean color palettes can make your visuals feel cinematic, trustworthy, and emotionally rich. Whether you choose a soft, dreamy mix or a bold, neon-infused combo, these HEX codes give you a clear starting point for grading, design, and branding.

Try them in Filmora by styling your titles, transitions, overlays, and color grading around one palette at a time. After a few projects, your audience will start to recognize your signature Stormy Ocean look across thumbnails, intros, and social posts.

Experiment, save your favorite combinations as presets, and keep refining until your channel or brand feels as cohesive as a carefully graded feature film.

Try It FreeTry It Free

Download the APP

secure download

Next: Misty Horizon Color Palette