Palette

Ceramic Glaze Whisper

Gentle, ethereal tones reminiscent of a delicate, shimmering ceramic glaze.

pastelelegant5 colors

More pastel palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ceramic Glaze Whisper 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 Ceramic Glaze Whisper.

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

Data visualization

#AFEEEE#66CDAA#7B68EE#B0E0E6#D8BFD8

Palette guide

How to use Ceramic Glaze Whisper

Overview

The "Ceramic Glaze Whisper" palette presents gentle, ethereal tones reminiscent of a delicate, shimmering ceramic glaze. It features the airy #AFEEEE and the vibrant #66CDAA, creating a fresh and inviting atmosphere. The palette introduces a surprising depth with the rich #7B68EE, a muted violet-blue, and balances it with the soft #B0E0E6. The final touch, #D8BFD8, adds a hint of lavender-gray. This collection is ideal for designers seeking to evoke a sophisticated, artistic, or tranquil aesthetic. Developers can utilize these hues for elegant user interfaces, creative portfolios, or wellness applications, ensuring a visually soft and captivating user experience.

Best used for

Artistic portfolio websites
Luxury spa branding
Delicate fashion editorials
Creative agency presentations
Wellness and beauty apps
Handcrafted jewelry e-commerce

Suggested color roles

primary

#66CDAA - A vibrant medium aqua, ideal for main headings, call-to-action buttons, or key navigational elements, conveying freshness.

secondary

#AFEEEE - A very light turquoise, excellent for subheadings, subtle backgrounds, or secondary content blocks, adding airiness.

accent

#7B68EE - A muted violet-blue, perfect for sophisticated highlights, interactive elements, or a unique brand accent.

background

#AFEEEE - A very light turquoise, serving as a clean, airy, and refreshing canvas for all content.

text

#7B68EE - A muted violet-blue, providing good contrast and readability for text on lighter backgrounds like #AFEEEE.

Accessibility notes

Ensure #7B68EE text on #AFEEEE background meets WCAG contrast standards for optimal readability.
Avoid using #B0E0E6 or #D8BFD8 for small text against similarly light backgrounds due to low contrast.
The darkest color, #7B68EE, provides good contrast for white or very light text.
For critical information, prefer #7B68EE against the lightest colors for optimal readability.

Recommended combinations

Ethereal Bloom

Creates a soft, dreamy atmosphere, ideal for gentle transitions and delicate designs.

#AFEEEE · #66CDAA · #D8BFD8

Mystic Glaze

Excellent for adding a touch of sophisticated mystery, with the violet-blue as a focal point.

#7B68EE · #B0E0E6 · #AFEEEE

Artistic Whisper

Ideal for creative layouts, allowing the vibrant aqua to be softened by the lavender-gray.

#66CDAA · #D8BFD8 · #7B68EE

CSS variables

:root {
  --ceramic-glaze-whisper-1: #AFEEEE;
  --ceramic-glaze-whisper-2: #66CDAA;
  --ceramic-glaze-whisper-3: #7B68EE;
  --ceramic-glaze-whisper-4: #B0E0E6;
  --ceramic-glaze-whisper-5: #D8BFD8;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-glaze-whisper": {
        1: "#AFEEEE",
        2: "#66CDAA",
        3: "#7B68EE",
        4: "#B0E0E6",
        5: "#D8BFD8",
      }
    }
  }
}

Hex values

Color 1#AFEEEE

Color 2#66CDAA

Color 3#7B68EE

Color 4#B0E0E6

Color 5#D8BFD8

Accessibility

Contrast checker

1.5:1Fail

3.2:1AA18

1.1:1Fail

1.3:1Fail

1.5:1Fail

2.2:1Fail

1.3:1Fail

1.1:1Fail

3.2:1AA18

2.2:1Fail

2.9:1Fail

2.4:1Fail

1.1:1Fail

1.3:1Fail

2.9:1Fail

1.2:1Fail

1.3:1Fail

1.1:1Fail

2.4:1Fail

1.2:1Fail

Similar palettes

More like Ceramic Glaze Whisper

Ceramic Glaze Whisper

See it in context.

Ready when you are.

Built with Ceramic Glaze Whisper.

How to use Ceramic Glaze Whisper

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Ethereal Bloom

Mystic Glaze

Artistic Whisper

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ceramic Glaze Whisper