Palette

Ghostly Whisper Bloom

Pale, ethereal grays hinting at faint blooms, like a fleeting, ghostly whisper in the wind.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0E0E0#C2C2C2#A3A3A3#B8B8B8#D1D1D1

Palette guide

How to use Ghostly Whisper Bloom

Overview

Ghostly Whisper Bloom is a subtle and minimal color palette, offering a delicate progression of pale, ethereal grays. It features a very light grey (#E0E0E0), a light grey (#C2C2C2), a medium grey (#A3A3A3), another light grey (#B8B8B8), and a slightly darker light grey (#D1D1D1). This palette is designed to evoke the fleeting beauty of faint blooms and the soft quietness of a whisper, creating an understated and sophisticated aesthetic. Designers and developers can use this collection for projects that require a clean, airy, and unobtrusive feel, perfect for minimalist websites, background textures, or subtle branding elements that emphasize clarity and calm.

Best used for

Minimalist art portfolios
Serene meditation app interfaces
High-end product display websites
Background textures for digital art
Elegant stationery designs
Subtle corporate presentations

Suggested color roles

primary

A solid medium grey (#A3A3A3) that provides the strongest contrast within this light palette, ideal for main text or primary elements.

secondary

A lighter grey (#C2C2C2) suitable for subheadings, borders, or secondary UI components, offering gentle separation.

accent

A slightly warmer light grey (#B8B8B8) that can be used for subtle interactive states or decorative lines.

background

The lightest grey (#E0E0E0), serving as an expansive, clean, and understated canvas for all content.

text

For optimal readability on the very light backgrounds, use the darkest grey (#A3A3A3). For headings, a slightly darker charcoal could be used if needed.

Accessibility notes

Extreme care must be taken with text contrast; use #A3A3A3 for most text on lighter backgrounds like #E0E0E0.
Avoid using #C2C2C2, #B8B8B8, or #D1D1D1 for body text on #E0E0E0 due to very low contrast.
Ensure interactive elements have clear visual states that don't rely solely on these subtle color shifts.
Consider larger font sizes or bolding for any text that uses the lighter greys to improve legibility.

Recommended combinations

Soft Canvas

Creates a very subtle, almost monochromatic background with gentle depth.

#E0E0E0 · #D1D1D1 · #C2C2C2

Whisper Text

Ideal for minimalist text on a light background, prioritizing clean aesthetics.

#E0E0E0 · #A3A3A3 · #C2C2C2

Faint Bloom

Useful for delicate graphical elements or subtle UI distinctions where strong contrast is not desired.

#D1D1D1 · #B8B8B8 · #A3A3A3

CSS variables

:root {
  --ghostly-whisper-bloom-1: #E0E0E0;
  --ghostly-whisper-bloom-2: #C2C2C2;
  --ghostly-whisper-bloom-3: #A3A3A3;
  --ghostly-whisper-bloom-4: #B8B8B8;
  --ghostly-whisper-bloom-5: #D1D1D1;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ghostly-whisper-bloom": {
        1: "#E0E0E0",
        2: "#C2C2C2",
        3: "#A3A3A3",
        4: "#B8B8B8",
        5: "#D1D1D1",
      }
    }
  }
}

Hex values

Color 1#E0E0E0

Color 2#C2C2C2

Color 3#A3A3A3

Color 4#B8B8B8

Color 5#D1D1D1

Accessibility

Contrast checker

1.3:1Fail

1.9:1Fail

1.5:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

1.1:1Fail

1.2:1Fail

1.9:1Fail

1.4:1Fail

1.3:1Fail

1.7:1Fail

1.5:1Fail

1.1:1Fail

1.3:1Fail

1.2:1Fail

1.7:1Fail

1.3:1Fail

Similar palettes

More like Ghostly Whisper Bloom

Ghostly Whisper Bloom

See it in context.

Ready when you are.

Built with Ghostly Whisper Bloom.

How to use Ghostly Whisper Bloom

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Soft Canvas

Whisper Text

Faint Bloom

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ghostly Whisper Bloom