Back to palettes

Palette

Whispering Orchid Veil

Soft, ethereal blues create a delicate, airy feel, like the translucent petals of a rare orchid.

PastelElegant5 colors
More Pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Whispering Orchid Veil 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 Whispering Orchid Veil.

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

Data visualization

#E0F2F7#B3E5FC#81D4FA#4FC3F7#29B6F6

Palette guide

How to use Whispering Orchid Veil

Overview

The "Whispering Orchid Veil" palette is a refreshing and airy collection of serene blues, evoking the delicate, translucent quality of an orchid petal bathed in light. Ranging from the very light #E0F2F7 to the vibrant #29B6F6, it includes harmonious mid-tones like #B3E5FC, #81D4FA, and #4FC3F7. This palette is perfect for designers seeking a clean, elegant, and calming aesthetic. Its cohesive gradient allows for creating depth and visual interest without overwhelming, making it ideal for projects that require a fresh, sophisticated, and trustworthy feel across various design applications.

Best used for

  • Healthcare or wellness brand websites
  • Tech company interfaces or dashboards
  • Financial services marketing materials
  • Travel and tourism promotions
  • Clean, minimalist web designs
  • Educational platforms and apps

Suggested color roles

primary

#4FC3F7 - A vibrant yet serene blue that serves as a confident anchor, suitable for main headings, calls to action, or prominent design elements.

secondary

#81D4FA - A lighter, softer blue that gracefully complements the primary, ideal for subheadings, background accents, or secondary navigation.

accent

#B3E5FC - A very light, ethereal blue that provides a delicate highlight, perfect for subtle interactive states or airy graphic details.

background

#E0F2F7 - The lightest shade, offering a clean, fresh, and soft canvas, enhancing readability for darker text while maintaining the palette's calming mood.

text

#29B6F6 - The deepest blue, ensuring excellent contrast against lighter backgrounds, ideal for body text and headings, conveying clarity and professionalism.

Accessibility notes

  • Ensure #29B6F6 text on #E0F2F7 background meets WCAG AA contrast for good readability of body text.
  • Avoid using #B3E5FC or #81D4FA for small text on the #E0F2F7 background as contrast might be insufficient.
  • For interactive elements, provide clear visual indicators beyond just color, especially when using similar light tones.
  • Consider using a slightly darker neutral like #222222 for critical UI text if #29B6F6 doesn't provide enough contrast against mid-tone backgrounds.

Recommended combinations

Clear Horizon

Creates a clean and professional look, excellent for main content areas and headings.

#29B6F6 · #81D4FA · #E0F2F7

Sky Gradient

Ideal for soft backgrounds, decorative elements, or subtle visual transitions.

#4FC3F7 · #B3E5FC · #E0F2F7

Aqua Contrast

A harmonious trio for emphasizing key information or creating a fresh focal point.

#81D4FA · #E0F2F7 · #29B6F6

CSS variables

:root {
  --whispering-orchid-veil-3-1: #E0F2F7;
  --whispering-orchid-veil-3-2: #B3E5FC;
  --whispering-orchid-veil-3-3: #81D4FA;
  --whispering-orchid-veil-3-4: #4FC3F7;
  --whispering-orchid-veil-3-5: #29B6F6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "whispering-orchid-veil-3": {
        1: "#E0F2F7",
        2: "#B3E5FC",
        3: "#81D4FA",
        4: "#4FC3F7",
        5: "#29B6F6",
      }
    }
  }
}

Related searches

soft blue color schemeairy pastel web designelegant blue UI paletteclean light blue brand colorsserene aqua aesthetic

Palette colors

Hex values

Color 1#E0F2F7
·
Color 2#B3E5FC
·
Color 3#81D4FA
·
Color 4#4FC3F7
·
Color 5#29B6F6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.4:1Fail
1.7:1Fail
2:1Fail
2
1.2:1Fail
1.2:1Fail
1.5:1Fail
1.7:1Fail
3
1.4:1Fail
1.2:1Fail
1.2:1Fail
1.4:1Fail
4
1.7:1Fail
1.5:1Fail
1.2:1Fail
1.1:1Fail
5
2:1Fail
1.7:1Fail
1.4:1Fail
1.1:1Fail

Similar palettes

More like Whispering Orchid Veil

View all Pastel
Blushing Rose Petal
Pearl Iridescent Glow
Dusty Rose Bloom
Vintage Rose Veil
Blossom Blush Breeze
Cherry Blossom