Back to palettes

Palette

Morning Dew Iris

Soft, muted blues with a hint of morning freshness, inspired by dew-kissed iris petals.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Morning Dew Iris 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 Morning Dew Iris.

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

Data visualization

#C0E0F0#9EC9E0#7BB4D1#5A9FC1#3A8BB0

Palette guide

How to use Morning Dew Iris

Overview

The Morning Dew Iris palette presents a captivating collection of soft, muted blues, inspired by the delicate beauty of dew-kissed iris petals at dawn. With hues ranging from the airy #C0E0F0 to the deep, sophisticated #3A8BB0, this palette is ideal for creating designs that exude elegance, calm, and subtle freshness. Mid-tones like #9EC9E0 and #7BB4D1 offer excellent versatility for gradients and layered visual effects, providing depth without overwhelming the senses. Designers will find #5A9FC1 perfect for adding a touch of serene vibrancy. Developers can leverage these harmonious shades to craft interfaces that feel polished, inviting, and inherently peaceful, suitable for high-end brands or tranquil digital experiences. Its cohesive nature simplifies color management while delivering visual refinement.

Best used for

  • Luxury brand websites and packaging
  • Spa and beauty product marketing
  • Wedding invitations and floral design
  • Elegant personal branding or portfolios
  • Calm and sophisticated mobile app themes
  • Art and photography exhibition materials

Suggested color roles

primary

#7BB4D1 - A balanced, soft blue that provides a refined and inviting foundation for primary content and interactive elements.

secondary

#9EC9E0 - A lighter, gentle blue, excellent for supporting text, secondary navigation, or subtle background textures, maintaining an ethereal quality.

accent

#3A8BB0 - The deepest, most authoritative blue, ideal for critical calls-to-action, important data points, or elegant branding accents, providing depth and focus.

background

#C0E0F0 - The lightest, airy blue, creating an expansive and serene canvas that enhances readability and contributes to a peaceful user experience.

text

#5A9FC1 - A sophisticated blue, suitable for body text on lighter backgrounds, or use a deep navy like #1A2A3A for maximum readability and elegance.

Accessibility notes

  • Ensure #3A8BB0 or #5A9FC1 text has sufficient contrast against #C0E0F0 or #9EC9E0 backgrounds.
  • Avoid using #C0E0F0 for small text on white backgrounds due to potential low contrast issues.
  • For critical information, pair the darkest shade, #3A8BB0, with the lightest, #C0E0F0, to meet WCAG AA contrast guidelines.
  • Consider using a pure white (#FFFFFF) for headlines or buttons against #3A8BB0 to achieve strong visual impact and contrast.

Recommended combinations

Iris Bloom

A sophisticated gradient for headers, main content, and clean, elegant interfaces.

#3A8BB0 · #7BB4D1 · #C0E0F0

Petal Mist

Soft, layered look ideal for hero sections, subtle branding, or tranquil background patterns evoking freshness.

#C0E0F0 · #9EC9E0 · #5A9FC1

Dewy Depths

Dynamic and elegant for interactive elements, data visualization, or highlighting key information on a lighter canvas.

#5A9FC1 · #3A8BB0 · #9EC9E0

CSS variables

:root {
  --morning-dew-iris-1: #C0E0F0;
  --morning-dew-iris-2: #9EC9E0;
  --morning-dew-iris-3: #7BB4D1;
  --morning-dew-iris-4: #5A9FC1;
  --morning-dew-iris-5: #3A8BB0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "morning-dew-iris": {
        1: "#C0E0F0",
        2: "#9EC9E0",
        3: "#7BB4D1",
        4: "#5A9FC1",
        5: "#3A8BB0",
      }
    }
  }
}

Related searches

soft blue color paletteiris flower colorsmuted cool tones designelegant spring blue schemefresh floral web colors

Palette colors

Hex values

Color 1#C0E0F0
·
Color 2#9EC9E0
·
Color 3#7BB4D1
·
Color 4#5A9FC1
·
Color 5#3A8BB0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
1.6:1Fail
2.1:1Fail
2.8:1Fail
2
1.3:1Fail
1.3:1Fail
1.7:1Fail
2.2:1Fail
3
1.6:1Fail
1.3:1Fail
1.3:1Fail
1.7:1Fail
4
2.1:1Fail
1.7:1Fail
1.3:1Fail
1.3:1Fail
5
2.8:1Fail
2.2:1Fail
1.7:1Fail
1.3:1Fail

Similar palettes

More like Morning Dew Iris

View all cool
Bluebell Valley
Glacial Stream Whisper
Spring Bloom Whisper
Arctic Frost Jewel
Arctic Northern Bloom
Azure Coast Breeze