Back to palettes

Palette

Orchid Bloom Serene

Delicate purples and soft greys blend harmoniously, like a serene orchid blooming in gentle light.

pastelcalm5 colors
More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#9370DB#C0C0C0#E0BBE4#ADD8E6#7B68EE

Palette guide

How to use Orchid Bloom Serene

Overview

The Orchid Bloom Serene palette offers a tranquil blend of delicate purples, soft greys, and light blues, reminiscent of a serene orchid blooming in gentle light. This collection includes a calming medium purple #9370DB, a versatile silver #C0C0C0, a soft lavender blush #E0BBE4, a fresh light blue #ADD8E6, and a refined medium slate blue #7B68EE. It's perfectly suited for projects requiring a sense of calm, harmony, and understated elegance, allowing designers to create soothing and sophisticated visual experiences with ease.

Best used for

  • Wellness and meditation applications
  • Spa and relaxation branding
  • Bridal and wedding stationery
  • Home decor and interior design concepts
  • Serene website interfaces
  • Tranquil digital art and illustrations

Suggested color roles

primary

#9370DB establishes a calm and gentle focus, ideal for main content areas.

secondary

#ADD8E6 introduces freshness and openness, supporting the primary with a light touch.

accent

#7B68EE provides subtle depth and a refined pop, perfect for interactive elements or highlights.

background

#E0BBE4 creates a soft, airy base, enhancing the overall serene atmosphere.

text

Use dark grey or #7B68EE for text on light backgrounds. White offers excellent contrast on darker elements.

Accessibility notes

  • Ensure #E0BBE4 requires dark text (e.g., black or #7B68EE) for sufficient readability.
  • #C0C0C0 is suitable for secondary text or borders but should not be used for primary body text on light backgrounds.
  • Verify sufficient contrast between #ADD8E6 and any text placed upon it to ensure legibility.
  • Avoid using #E0BBE4 as text on #C0C0C0, as the contrast would be too low for accessibility.

Recommended combinations

Calm Harmony

Creates soothing interfaces, gentle background patterns, and calming visual narratives.

#9370DB · #ADD8E6 · #E0BBE4

Elegant Contrast

Suitable for modern dashboards, subtle design elements, or refined data visualization.

#7B68EE · #C0C0C0 · #E0BBE4

Soft Focus

Perfect for delicate illustrations, gentle branding, or ethereal graphic design.

#E0BBE4 · #ADD8E6 · #9370DB

CSS variables

:root {
  --orchid-bloom-serene-2-1: #9370DB;
  --orchid-bloom-serene-2-2: #C0C0C0;
  --orchid-bloom-serene-2-3: #E0BBE4;
  --orchid-bloom-serene-2-4: #ADD8E6;
  --orchid-bloom-serene-2-5: #7B68EE;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "orchid-bloom-serene-2": {
        1: "#9370DB",
        2: "#C0C0C0",
        3: "#E0BBE4",
        4: "#ADD8E6",
        5: "#7B68EE",
      }
    }
  }
}

Related searches

serene color palettecalm purple blueelegant grey purpletranquil design colorssoft wedding theme

Palette colors

Hex values

Color 1#9370DB
·
Color 2#C0C0C0
·
Color 3#E0BBE4
·
Color 4#ADD8E6
·
Color 5#7B68EE
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
2.2:1Fail
2.5:1Fail
1.1:1Fail
2
2.1:1Fail
1.1:1Fail
1.2:1Fail
2.3:1Fail
3
2.2:1Fail
1.1:1Fail
1.1:1Fail
2.5:1Fail
4
2.5:1Fail
1.2:1Fail
1.1:1Fail
2.7:1Fail
5
1.1:1Fail
2.3:1Fail
2.5:1Fail
2.7:1Fail

Similar palettes

More like Orchid Bloom Serene

View all pastel
Lavender Field
Lavender Petal Field
Pastel Petal Cascade
Twilight Lavender Fields
Amethyst Haze Veil
Cactus Flower Blossom