Back to palettes

Palette

Rainfall Bloom

Cool blues and deep greens evoke the refreshing lushness of a garden after monsoon rains.

coolnatural5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Rainfall Bloom 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 Rainfall Bloom.

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

Data visualization

#2E8B57#5F9EA0#4682B4#B0C4DE#87CEFA

Palette guide

How to use Rainfall Bloom

Overview

The Rainfall Bloom palette captures the refreshing lushness of a garden after a gentle rain, blending cool blues with deep, natural greens. This harmonious collection features the rich sea green of #2E8B57 and the muted cadet blue of #5F9EA0, evoking damp foliage and misty air. The solid steel blue of #4682B4 provides a grounding presence, while the soft light steel blue of #B0C4DE and the ethereal light sky blue of #87CEFA offer airy accents. Designers and developers can utilize this palette to create serene, natural, and trustworthy digital experiences or branding that conveys growth, tranquility, and environmental consciousness.

Best used for

  • Eco-friendly product branding and packaging
  • Nature-themed websites or blogs
  • Wellness and spa industry marketing
  • Horticultural or gardening app interfaces
  • Environmental non-profit organizations
  • Sustainable fashion brands

Suggested color roles

primary

#2E8B57 (Sea Green) - A grounding, natural primary for main headings, key buttons, or large background sections to convey organic elegance.

secondary

#4682B4 (Steel Blue) - Excellent for sub-headings, secondary calls-to-action, or data visualizations, adding a professional, stable feel.

accent

#87CEFA (Light Sky Blue) - Use sparingly for interactive elements, subtle highlights, or small icons to add a fresh, airy pop.

background

#B0C4DE (Light Steel Blue) - A soft, muted background that provides a calm, expansive canvas without being stark white.

text

#5F9EA0 (Cadet Blue) - Offers good readability against #B0C4DE, suitable for body text. For darker backgrounds, white or a very light grey is recommended.

Accessibility notes

  • Ensure sufficient contrast when using lighter colors like #87CEFA for text on #B0C4DE.
  • #5F9EA0 (Cadet Blue) text on #B0C4DE (Light Steel Blue) background should be carefully tested for WCAG AA compliance.
  • Text on #2E8B57 (Sea Green) or #4682B4 (Steel Blue) should ideally be white or a very light grey for maximum readability.
  • Be mindful of color differences for interactive states, as several colors are close in value.

Recommended combinations

Forest Mist

A natural, calming combination; deep green as primary, soft blue as background, light blue as accent.

#2E8B57 · #B0C4DE · #87CEFA

Rainy Day

Creates a cool, reflective atmosphere, ideal for informational sections or moody branding.

#4682B4 · #5F9EA0 · #2E8B57

Bloom Highlight

A light, serene base with a lush green primary and a bright, refreshing accent.

#B0C4DE · #2E8B57 · #87CEFA

CSS variables

:root {
  --rainfall-bloom-1: #2E8B57;
  --rainfall-bloom-2: #5F9EA0;
  --rainfall-bloom-3: #4682B4;
  --rainfall-bloom-4: #B0C4DE;
  --rainfall-bloom-5: #87CEFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "rainfall-bloom": {
        1: "#2E8B57",
        2: "#5F9EA0",
        3: "#4682B4",
        4: "#B0C4DE",
        5: "#87CEFA",
      }
    }
  }
}

Related searches

cool green blue palettenatural calm colorsfresh garden color schemeeco friendly brand colorsserene blue green UI

Palette colors

Hex values

Color 1#2E8B57
·
Color 2#5F9EA0
·
Color 3#4682B4
·
Color 4#B0C4DE
·
Color 5#87CEFA
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1:1Fail
2.4:1Fail
2.5:1Fail
2
1.4:1Fail
1.3:1Fail
1.7:1Fail
1.8:1Fail
3
1:1Fail
1.3:1Fail
2.3:1Fail
2.4:1Fail
4
2.4:1Fail
1.7:1Fail
2.3:1Fail
1:1Fail
5
2.5:1Fail
1.8:1Fail
2.4:1Fail
1:1Fail

Similar palettes

More like Rainfall Bloom

View all cool
Aurora Borealis Glow
Azure Coast Relic
Beryl Stream
Coastal Rockpool
Coastal Seagrass Whisper
Deep Sea Coral