Blue pastel green palettes blend airy blues with soft, plant-like greens to create a calm look that still feels modern. They’re popular for UI, branding, and interiors because they’re easy on the eyes and instantly “clean.”

Below you’ll find 20 curated blue pastel green color palette ideas with HEX codes, mood notes, and real-use pairing tips—plus AI prompts you can reuse to generate matching visuals in minutes.

In this article
  1. Why Blue Pastel Green Palettes Work So Well
    1. seaside mint haze
    2. cloudy lagoon
    3. powder blue garden
    4. ice matcha minimal
    5. harbor glass
    6. baby sprout sky
    7. oceanfoam stationery
    8. frosted eucalyptus
    9. retro poolside pop
    10. arctic aloe ui
    11. misty canal editorial
    12. quiet teal morning
    13. dewdrop ceramic
    14. coastal sage neutrals
    15. glacier pear gradient
    16. minted denim basics
    17. lagoon lemon accent
    18. blueberry matcha bento
    19. rainwashed fern
    20. snowy seafoam icons
  2. What Colors Go Well with Blue Pastel Green?
  3. How to Use a Blue Pastel Green Color Palette in Real Designs
  4. Create Blue Pastel Green Palette Visuals with AI

Why Blue Pastel Green Palettes Work So Well

Blue and green sit next to each other on the color wheel, so they naturally feel harmonious. When you move them into pastel territory, the result is even smoother—less visual tension, more calm.

This pairing also signals “fresh + trustworthy” at the same time: blue brings clarity and reliability, while pastel green adds a gentle, natural cue. That’s why it shows up so often in wellness, fintech, and modern lifestyle brands.

Because the tones are light, these palettes leave room for typography, icons, and product imagery. Add one deeper teal or slate accent and you get instant hierarchy without losing the soft mood.

20+ Blue Pastel Green Color Palette Ideas (with HEX Codes)

1) Seaside Mint Haze

seaside mint haze blue pastel green color palette with hex codes

HEX: #A8CFE8 #BFE6D3 #EAF6F8 #D7DCE5 #6FA7B8

Mood: airy, coastal, calm

Best for: wellness brand landing page UI

Airy and coastal like sea glass in morning fog, these tones feel instantly calm and breathable. Use the pale blue and mint as your main surfaces, then bring in the deeper teal for buttons and links. It works beautifully for wellness, skincare, and meditation brands where trust matters. Pair with lots of white space and thin line icons for a clean, modern finish.

Image example of seaside mint haze generated using media.io

wellness landing page hero
Prompt: 2d website landing page hero ui mockup for a wellness brand, large headline, primary button, simple navigation, generous whitespace, dominant colors #A8CFE8 and #BFE6D3 with accents #6FA7B8 and #D7DCE5, clean minimal vector style, no device frame, plain background --ar 16:9
Media.io
Media.io is an online AI studio for creating and editing video, image, and audio in your browser.
media.io media.io

2) Cloudy Lagoon

cloudy lagoon blue pastel green color palette with hex codes

HEX: #B6D9F2 #C9F0E1 #F7FBFC #C9CDD7 #8EB7C8

Mood: dreamy, light, friendly

Best for: mobile app onboarding screens

Dreamy and light like clouds over a quiet lagoon, this set keeps everything approachable. Let the soft blue carry backgrounds, while the mint supports cards and highlights without looking loud. It is a strong fit for onboarding, habit trackers, and kids-safe apps where comfort beats contrast. Add the gray-lilac as a text and divider color to keep typography readable.

Image example of cloudy lagoon generated using media.io

app onboarding screens
Prompt: 2d mobile app onboarding screen ui mockup, three stacked onboarding panels with simple illustrations and progress dots, dominant colors #B6D9F2 and #C9F0E1, accents #8EB7C8 and #C9CDD7, clean flat vector ui, no phone frame, plain background --ar 9:16

3) Powder Blue Garden

powder blue garden blue pastel green color palette with hex codes

HEX: #A9C7F3 #BFE8D4 #FFF6F1 #F3C7B7 #6F8FB8

Mood: fresh, springy, romantic

Best for: watercolor botanical illustration

Fresh and springy like petals after rain, these hues feel soft yet alive. The warm blush and cream keep the cool notes from turning icy, creating blue pastel green color combinations that suit seasonal launches. Use the deeper slate-blue sparingly for stems, outlines, and type. For a cohesive look, repeat the mint in leaf clusters and reserve the peach for focal blooms.

Image example of powder blue garden generated using media.io

watercolor botanical print
Prompt: watercolor botanical illustration of delicate leaves and small flowers, soft washes and paper texture, dominant colors #A9C7F3 and #BFE8D4, accents #F3C7B7 and #6F8FB8, cream background #FFF6F1, gentle spring mood --ar 4:3

4) Ice Matcha Minimal

ice matcha minimal blue pastel green color palette with hex codes

HEX: #CFE8F7 #C7EED9 #F2F4F7 #AEB7C2 #2F6F6A

Mood: clean, modern, refreshing

Best for: matcha product packaging

Clean and refreshing like iced matcha on a bright counter, this palette leans modern and minimal. Put the pale tones on the main label and let the dark teal handle logos, nutrition facts, and barcodes. It is ideal for health foods, supplements, and eco-friendly goods that need a premium feel without black-heavy designs. Keep finishes matte and use one high-contrast spot color area for legibility.

Image example of ice matcha minimal generated using media.io

matcha packaging mockup
Prompt: realistic studio shot of a minimal matcha tin and box packaging on a clean light background, dominant colors #CFE8F7 and #C7EED9, dark teal typography accents #2F6F6A, subtle gray details #AEB7C2, soft diffused lighting, premium minimal style --ar 3:2

5) Harbor Glass

harbor glass blue pastel green color palette with hex codes

HEX: #9FC7DE #B7E0D0 #E8E1D8 #F7FAFD #5D7D86

Mood: tranquil, sophisticated, balanced

Best for: interior design mood board

Tranquil and sophisticated like harbor water against weathered stone, these tones feel balanced and grown-up. Use the warm greige as a grounding neutral, then layer blue and soft green in textiles and accent decor. It fits coastal interiors, boutique hotels, and calm home office styling. A helpful tip is to repeat the deep slate as hardware or frame color to keep the room from feeling too airy.

Image example of harbor glass generated using media.io

interior mood board
Prompt: digital interior design mood board layout on a clean background, includes paint swatches, fabric textures, and simple shape cutouts, dominant colors #9FC7DE and #B7E0D0 with neutrals #E8E1D8 and #F7FAFD, small accents #5D7D86, modern editorial styling --ar 4:3

6) Baby Sprout Sky

baby sprout sky blue pastel green color palette with hex codes

HEX: #B8D7FF #CFF2DD #FFF7F0 #FFD7D2 #86A4C7

Mood: gentle, playful, comforting

Best for: nursery wall art poster

Gentle and playful like a baby blanket under a bright window, these colors read comforting and safe. The creamy base keeps everything soft, while the blush adds a sweet accent without going loud. It is perfect for nursery posters, milestone cards, and baby shower keepsakes. Use the muted periwinkle for outlines and lettering so the design stays readable from across the room.

Image example of baby sprout sky generated using media.io

nursery wall art
Prompt: nursery wall art poster graphic design on plain background, cute simple clouds and sprout illustration, dominant colors #B8D7FF and #CFF2DD, accents #FFD7D2 and #86A4C7, warm cream background #FFF7F0, clean vector style, no frame --ar 3:4

7) Oceanfoam Stationery

oceanfoam stationery blue pastel green color palette with hex codes

HEX: #A6D3EA #BDEBD6 #FFFFFF #E6D6C8 #3F7F8A

Mood: serene, elegant, celebratory

Best for: wedding invitation suite

Serene and elegant like ocean foam drifting onto sand, this set feels celebratory without being flashy. Use the white as breathing room, then bring in the mint for borders and the sky-blue for headers. It works well for beach weddings, garden ceremonies, and modern minimalist invites. Print tip: lean on the darker teal for names and dates to preserve crisp contrast.

Image example of oceanfoam stationery generated using media.io

wedding invitation suite
Prompt: wedding invitation suite graphic design on a plain background, invitation card and details card in a clean modern layout, dominant colors #A6D3EA and #BDEBD6 with white space, accents #3F7F8A and #E6D6C8, elegant serif typography, no hands, no table --ar 4:3

8) Frosted Eucalyptus

frosted eucalyptus blue pastel green color palette with hex codes

HEX: #B2D7E6 #C8E9D8 #F4F6F8 #D2C8BE #6B8D86

Mood: spa-like, muted, restful

Best for: spa menu flyer

Spa-like and muted like frosted eucalyptus leaves, this mix feels instantly restful. Use the pale blue for section blocks, the soft green for pricing highlights, and the dusty sage for headings. It suits massage menus, yoga studios, and boutique salons that want a calm, premium tone. Keep imagery minimal and use plenty of line spacing so the flyer stays airy.

Image example of frosted eucalyptus generated using media.io

spa menu flyer
Prompt: spa menu flyer graphic design on plain background, clean typographic layout with service list and prices, subtle leaf icon accents, dominant colors #B2D7E6 and #C8E9D8, neutral supports #F4F6F8 and #D2C8BE, headings in #6B8D86, no hands, no table --ar 3:4

9) Retro Poolside Pop

retro poolside pop blue pastel green color palette with hex codes

HEX: #8CC8F0 #B6F0DB #FFF2D9 #FFC7A8 #2F6B8F

Mood: sunny, retro, upbeat

Best for: social media promo post

Sunny and retro like a poolside postcard, these hues feel upbeat and summery. The peach and cream warm up the cool tones, creating a blue pastel green color combination that stands out without turning neon. Use the deep blue for bold pricing or short headlines, and keep secondary text on cream blocks for clarity. For best results, limit gradients and lean into simple shapes and thick borders.

Image example of retro poolside pop generated using media.io

summer promo post
Prompt: square social media promo post graphic design on plain background, retro summer sale layout with bold headline and price tag, simple geometric shapes, dominant colors #8CC8F0 and #B6F0DB, warm accents #FFC7A8 and #FFF2D9, text in #2F6B8F, no photography --ar 1:1

10) Arctic Aloe UI

arctic aloe ui blue pastel green color palette with hex codes

HEX: #C3DDF4 #D0F2E1 #F9FBFF #B8C2D3 #4B7A86

Mood: cool, organized, dependable

Best for: analytics dashboard UI

Cool and organized like an arctic breeze, these tones feel dependable and professional. Use the off-white for the main canvas, then reserve blue and mint for charts, active states, and tags. It is a smart choice for dashboards, admin panels, and SaaS reports that need calm focus. Tip: use the steel gray for gridlines and secondary labels to avoid visual noise.

Image example of arctic aloe ui generated using media.io

analytics dashboard ui
Prompt: 2d analytics dashboard ui mockup, charts, tables, sidebar navigation, clean modern layout, dominant colors #C3DDF4 and #D0F2E1 on #F9FBFF background, accents #4B7A86 and #B8C2D3 for text and icons, no device frame, plain background --ar 16:9

11) Misty Canal Editorial

misty canal editorial blue pastel green color palette with hex codes

HEX: #A7CBE1 #BFE7D8 #F6F1EA #C6CEDA #4E6C7A

Mood: quiet, cultured, editorial

Best for: magazine spread layout

Quiet and cultured like a misty canal morning, these tones feel editorial and refined. The warm paper-like neutral makes long reads comfortable, while blue and mint add gentle section contrast. It is ideal for travel features, lifestyle zines, and lookbooks that need a soft mood. Keep photography cool-toned and use the deep slate for pull quotes and page numbers.

Image example of misty canal editorial generated using media.io

magazine spread layout
Prompt: print magazine spread layout mockup, two-page wide composition with headline, body text columns, small image placeholders, dominant colors #F6F1EA and #A7CBE1 with mint accents #BFE7D8, typography in #4E6C7A, subtle rules in #C6CEDA, clean editorial design --ar 21:9

12) Quiet Teal Morning

quiet teal morning blue pastel green color palette with hex codes

HEX: #B1D8EE #C5EEDB #FFFFFF #E9EEF2 #2C6D78

Mood: calm, trustworthy, modern

Best for: brand identity kit

Calm and trustworthy like a quiet morning by the window, these shades feel modern and clear. The light blue and mint make a polished foundation, while the deep teal adds instant authority for logos and taglines. This blue pastel green color palette is a strong match for health tech, coaching, and clean finance brands. Usage tip: keep the dark teal to one or two core elements so the identity stays light.

Image example of quiet teal morning generated using media.io

brand identity kit
Prompt: brand identity kit mockup in flat lay arrangement on a clean plain background, includes logo mark, business card, letterhead, and envelope as 2d design presentation, dominant colors #B1D8EE and #C5EEDB with deep teal #2C6D78, minimal modern typography, no hands, no table texture --ar 4:3

13) Dewdrop Ceramic

dewdrop ceramic blue pastel green color palette with hex codes

HEX: #9BC8E6 #B9E6D4 #F8F4EF #D9D3CC #3E7A74

Mood: handcrafted, soft, artisanal

Best for: ceramic product ad

Handcrafted and soft like dewdrops on glazed pottery, these colors feel artisanal and warm. Let the creamy neutral dominate the background so the blue and mint read like gentle material tints. It works well for home goods ads, small-batch ceramics, and maker branding. Add the darker teal as a small stamp mark or headline to create a premium focal point.

Image example of dewdrop ceramic generated using media.io

ceramic product ad
Prompt: realistic studio shot product ad of a minimalist ceramic vase and cup set on a clean cream background, dominant tones #F8F4EF, #9BC8E6, #B9E6D4, subtle gray shadows #D9D3CC, small brand mark in #3E7A74, soft diffused lighting --ar 3:2

14) Coastal Sage Neutrals

coastal sage neutrals blue pastel green color palette with hex codes

HEX: #AED2E6 #CBE8DA #EFE6DC #FBFCFE #7A8E93

Mood: natural, grounded, breezy

Best for: paint swatch infographic

Natural and grounded like driftwood and sage on a breezy shore, these tones feel easy to live with. The mix reads as a blue pastel green color scheme that stays soft even when used in larger blocks. It is great for paint swatch posts, renovation guides, and interior infographics where clarity matters. Tip: use the warm beige for titles and margins so the cool hues do not feel sterile.

Image example of coastal sage neutrals generated using media.io

paint swatch infographic
Prompt: clean infographic design on plain background showing paint swatches with labels and small room icons, dominant colors #AED2E6 and #CBE8DA, neutrals #EFE6DC and #FBFCFE, text and lines in #7A8E93, minimal modern layout, no photography --ar 16:9

15) Glacier Pear Gradient

glacier pear gradient blue pastel green color palette with hex codes

HEX: #B9DDF5 #CFF4D8 #FDFEFF #D5DDEA #5E90A0

Mood: bright, optimistic, tech-clean

Best for: presentation slide template

Bright and optimistic like sun on a glacier, these hues feel tech-clean without being cold. Use the pale blue as the hero gradient base and the mint for callouts, tags, and key metrics. It is ideal for pitch decks, product updates, and keynote templates that need a fresh tone. Keep charts simple and rely on the deeper teal for axis labels and emphasis.

Image example of glacier pear gradient generated using media.io

presentation slide template
Prompt: 2d presentation slide template design on plain background, title slide with gradient header and content blocks, dominant colors #B9DDF5 and #CFF4D8, background #FDFEFF, accents #5E90A0 and #D5DDEA, clean corporate minimal style --ar 16:9

16) Minted Denim Basics

minted denim basics blue pastel green color palette with hex codes

HEX: #A9D0EA #BEEAD7 #FAF7F2 #D0D6DE #3D6784

Mood: casual, crisp, everyday

Best for: fashion e-commerce banner

Casual and crisp like denim with a fresh mint tee, these tones feel everyday and wearable. The creamy neutral keeps product details clean, while the deeper blue anchors CTAs and pricing. It works for seasonal fashion drops, capsule wardrobes, and minimalist streetwear shops. Use mint sparingly as a highlight so the banner still feels timeless, not overly sweet.

Image example of minted denim basics generated using media.io

fashion banner basics
Prompt: realistic studio shot e-commerce banner featuring folded denim and a mint knit top on a clean neutral background, dominant colors #A9D0EA and #BEEAD7 with cream #FAF7F2, subtle gray shadows #D0D6DE, minimal typography accent #3D6784, clean lighting --ar 16:9

17) Lagoon Lemon Accent

lagoon lemon accent blue pastel green color palette with hex codes

HEX: #A7D3F0 #BFEED8 #FFF9E6 #E9EDF3 #B9D84B

Mood: zesty, fresh, friendly

Best for: cafe menu board design

Zesty and fresh like citrus in sparkling water, this mix feels friendly and bright. The lemony accent adds punch to the softer blues and greens, making blue pastel green color combinations that work well for specials and highlights. Use the pale cream for the menu background, then place the lime on prices or badges to guide the eye. Keep body text in a dark neutral for readability while the accent does the attention work.

Image example of lagoon lemon accent generated using media.io

cafe menu board
Prompt: cafe menu board graphic design on plain background, clean layout with drink list and prices, highlight badges in #B9D84B, dominant colors #A7D3F0 and #BFEED8, cream background #FFF9E6, subtle separators #E9EDF3, modern friendly typography --ar 3:4

18) Blueberry Matcha Bento

blueberry matcha bento blue pastel green color palette with hex codes

HEX: #9FC6F2 #BDEED4 #F7F2EB #D8DEE8 #5B5FA8

Mood: cute, clean, contemporary

Best for: food packaging label design

Cute and clean like a neatly packed bento, this set feels contemporary and playful. The blueberry-purple adds a smart twist that keeps the pastels from feeling too nursery-like. It is great for snack labels, meal prep brands, and café takeaway packaging. Use the purple for flavor names and the mint for nutrition highlights to create clear hierarchy.

Image example of blueberry matcha bento generated using media.io

food label mockup
Prompt: food packaging label design mockup displayed as a realistic studio shot of a simple takeaway box with a large label, clean neutral background, dominant colors #9FC6F2 and #BDEED4 with cream #F7F2EB, accent typography in #5B5FA8, subtle gray details #D8DEE8 --ar 3:2

19) Rainwashed Fern

rainwashed fern blue pastel green color palette with hex codes

HEX: #A6CFE4 #BFE3CF #F3F5F4 #C7D0CC #4C6B5D

Mood: earthy, hopeful, calm

Best for: eco nonprofit poster

Earthy and hopeful like ferns after a rain shower, these tones feel calm with purpose. Use the soft gray-white as the base, then bring in mint for sections and the deep forest tone for headlines. It is a strong fit for sustainability campaigns, community cleanups, and educational posters. Keep imagery simple and high-contrast so the message stays clear at a distance.

Image example of rainwashed fern generated using media.io

eco nonprofit poster
Prompt: eco nonprofit poster graphic design on plain background, bold headline, simple leaf illustration, clear call to action, dominant colors #A6CFE4 and #BFE3CF with background #F3F5F4, typography in #4C6B5D, subtle supporting lines #C7D0CC, no photos, no hands --ar 3:4

20) Snowy Seafoam Icons

snowy seafoam icons blue pastel green color palette with hex codes

HEX: #BDE0F6 #CCF2E3 #FFFFFF #DDE4EE #5B7C8A

Mood: light, tidy, friendly

Best for: icon set for UI

Light and tidy like fresh snow with a seafoam tint, this palette keeps UI elements friendly. Use the pale blue and mint as soft background tiles, then draw icon strokes in the muted slate for contrast. It is ideal for onboarding icon sets, settings menus, and feature grids. Tip: keep stroke weight consistent and avoid heavy shadows so the set stays crisp.

Image example of snowy seafoam icons generated using media.io

ui icon set grid
Prompt: 2d ui icon set grid on a plain background, simple line icons with consistent stroke weight, dominant colors #BDE0F6 and #CCF2E3 for icon tiles, strokes in #5B7C8A, subtle separators #DDE4EE, clean minimal vector style --ar 1:1

What Colors Go Well with Blue Pastel Green?

Neutrals are the easiest match: crisp white, soft ivory, and light greige keep blue pastel green looking fresh instead of “babyish.” For text and UI outlines, pick a muted slate or deep teal rather than pure black to maintain the soft vibe.

Warm accents add balance. Blush, peach, sand, and warm cream make the cool tones feel welcoming—great for invitations, lifestyle branding, and interior palettes.

If you want more energy, use a single punchy accent in small doses: lemon-lime, coral, or a berry-purple. One high-contrast color can handle badges, prices, or key CTAs without overpowering the pastels.

How to Use a Blue Pastel Green Color Palette in Real Designs

Start with roles: use the lightest shade for the main background, the second-lightest for cards/sections, and reserve the deepest teal or slate for primary buttons and headings. This keeps hierarchy clear while preserving the calm mood.

In branding, aim for restraint—pastels work best when you repeat them consistently. Limit your accent color to one “attention job” (links, CTA, or labels) so the design doesn’t feel scattered.

For print (menus, flyers, invitations), contrast matters more than you expect. Test your typography on the lightest swatches and use the darkest palette color for names, dates, prices, and legal text.

Create Blue Pastel Green Palette Visuals with AI

If you already have HEX codes, you can turn them into on-brand mockups fast by generating visuals with a consistent prompt style (UI, packaging, poster, or editorial). This is especially useful for pitch decks, mood boards, and quick A/B creative testing.

On Media.io, paste a prompt, describe the layout you want, and specify your blue pastel green tones as dominant colors with one darker accent for readability. Keep the background plain if you want clean, reusable assets.

Try generating multiple variations (different ratios, typography styles, or lighting) and keep what matches your brand guidelines best.

Blue Pastel Green Color Palette FAQs

  • What does a blue pastel green palette communicate in branding?
    It usually signals calm, cleanliness, and trust. Pastel blue leans reliable and clear, while pastel green adds a natural, gentle “fresh” cue—common in wellness, health, and modern lifestyle brands.
  • Which text color works best on pastel blue and pastel green backgrounds?
    Use a deep teal, slate, or charcoal rather than pure black for a softer look. If you need maximum accessibility, pick the darkest accent in your palette and test contrast (especially for small UI text).
  • How do I keep a pastel palette from looking too childish?
    Add a grounded neutral (greige, warm beige, or soft gray) and include one deeper anchor color (teal/slate/forest). Keep saturation low and use clean typography to make it feel more premium.
  • What accent colors pair well with blue pastel green?
    Warm accents like blush, peach, sand, and cream balance the cool tones. For a bolder twist, use small pops of coral, lemon-lime, or berry-purple for badges, highlights, or CTAs.
  • Is blue pastel green a good color scheme for UI design?
    Yes—it's comfortable for long sessions and works well for dashboards, onboarding, and wellness apps. Just ensure interactive states (buttons, links, charts) use a darker accent for clear hierarchy.
  • Can I use these palettes for interior paint and decor?
    Absolutely. Use the lightest colors on walls, bring blue and mint into textiles or accent pieces, and repeat a deeper slate/teal in hardware, frames, or rugs to avoid an overly “washed out” room.
  • How can I generate matching images for a specific palette?
    Use Media.io’s text-to-image and include your dominant HEX colors plus one darker accent in the prompt. Specify the design type (UI mockup, packaging, invitation, poster) and keep the background plain for cleaner results.

Next: Flamingo Pink Color Palette

Julian Moore
Julian Moore Mar 16, 26
Share article:

media.io

AI Video Generator star

Easily generate videos from text or images

Generate