Back to palettes

Palette

Summer Breeze Chill

Refreshing greens and blues that conjure the feeling of a cool breeze on a hot summer day.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Summer Breeze Chill reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Summer Breeze Chill.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#4CAF50#8BC34A#CDDC39#B2DFDB#00BCD4

Palette guide

How to use Summer Breeze Chill

Overview

The Summer Breeze Chill palette offers a refreshing blend of cool greens and blues, perfect for designs aiming to evoke tranquility and freshness. With a vibrant primary green like #4CAF50 (Green 500) and a soothing aqua #00BCD4 (Cyan 500), this palette is ideal for digital interfaces, branding, or editorial layouts seeking a clean, natural aesthetic. The lighter green #8BC34A (Light Green 500) and the subtle lime #CDDC39 (Lime 500) provide excellent secondary and accent options, while the delicate light blue #B2DFDB (Teal 100) serves as an airy background. Designers will find these hues versatile for creating serene user experiences, promoting eco-friendly products, or simply adding a touch of calm to any visual project. This harmonious selection ensures a balanced and inviting visual presence.

Best used for

  • Eco-friendly product branding and packaging
  • Wellness and spa website designs
  • Mobile app interfaces for meditation or nature themes
  • Summer-themed event invitations and marketing
  • Interior design concepts for calming spaces
  • Educational materials on environmental topics

Suggested color roles

primary

A strong, grounding green (#4CAF50), excellent for main calls to action, prominent headings, or brand identity.

secondary

A vibrant, refreshing blue (#00BCD4), perfect for secondary navigation, interactive elements, or complementary sections.

accent

A bright, zesty lime (#CDDC39), ideal for subtle highlights, small icons, or to draw attention to specific details.

background

A very light, airy teal (#B2DFDB), suitable for clean page backgrounds or subtle content containers.

text

Use #4CAF50 for dark text on light backgrounds like #B2DFDB. For general body text, a dark charcoal or black would be more readable.

Accessibility notes

  • Ensure sufficient contrast between #CDDC39 and light backgrounds; it may require larger text or bolder weights.
  • #B2DFDB is very light; use it only as a background or for very large, bold text with a dark foreground.
  • Pair #4CAF50 or #00BCD4 with #B2DFDB for good contrast on interactive elements.
  • Avoid using #CDDC39 as text on #8BC34A due to potential low contrast.

Recommended combinations

Fresh Contrast

Use #4CAF50 for primary content, #B2DFDB as a clean background, and #00BCD4 for striking accents or highlights.

#4CAF50 · #B2DFDB · #00BCD4

Subtle Layers

#B2DFDB as base, #8BC34A for softer content blocks, and #CDDC39 for gentle emphasis or interactive states.

#B2DFDB · #8BC34A · #CDDC39

Deep & Bright

#00BCD4 for main headers, #4CAF50 for secondary information, and #CDDC39 for a vibrant call-to-action.

#00BCD4 · #4CAF50 · #CDDC39

CSS variables

:root {
  --summer-breeze-chill-1: #4CAF50;
  --summer-breeze-chill-2: #8BC34A;
  --summer-breeze-chill-3: #CDDC39;
  --summer-breeze-chill-4: #B2DFDB;
  --summer-breeze-chill-5: #00BCD4;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "summer-breeze-chill": {
        1: "#4CAF50",
        2: "#8BC34A",
        3: "#CDDC39",
        4: "#B2DFDB",
        5: "#00BCD4",
      }
    }
  }
}

Related searches

fresh green blue palettecalm summer color schemenature inspired web design colorscool tone branding paletterefreshing UI color ideas

Palette colors

Hex values

Color 1#4CAF50
·
Color 2#8BC34A
·
Color 3#CDDC39
·
Color 4#B2DFDB
·
Color 5#00BCD4
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.8:1Fail
1.9:1Fail
1.2:1Fail
2
1.3:1Fail
1.4:1Fail
1.4:1Fail
1.1:1Fail
3
1.8:1Fail
1.4:1Fail
1:1Fail
1.5:1Fail
4
1.9:1Fail
1.4:1Fail
1:1Fail
1.6:1Fail
5
1.2:1Fail
1.1:1Fail
1.5:1Fail
1.6:1Fail

Similar palettes

More like Summer Breeze Chill

View all cool
Mint Glacial Stream
Alpine Lake Serene
Arctic Northern Bloom
Coastal Breeze
Coastal Breeze Serene
Coastal Seafoam Whisper