Palette

Ceramic Glaze Stillness

Smooth, cool tones of frosted blue and soft grey, reminiscent of a pristine, handcrafted ceramic glaze.

neutralminimal5 colors

More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B0C4DE#D8BFD8#E0FFFF#DCDCDC#F5FFFA

Palette guide

How to use Ceramic Glaze Stillness

Overview

The "Ceramic Glaze Stillness" palette offers smooth, cool tones of frosted blue and soft gray, reminiscent of a pristine, handcrafted ceramic glaze. It features the gentle #B0C4DE and the subtle #D8BFD8, creating a serene and understated atmosphere. The palette brightens with the airy #E0FFFF and the classic #DCDCDC, culminating in the almost pure white of #F5FFFA. This collection is ideal for designers aiming for a minimalist, tranquil, or sophisticated aesthetic. Developers can implement these hues for clean user interfaces, high-end corporate websites, or wellness applications, ensuring a polished and calming user experience that promotes focus and clarity.

Best used for

Minimalist brand identity
High-end tech product websites
Spa and meditation app interfaces
Modern art gallery promotions
Luxury real estate marketing
Clean corporate presentations

Suggested color roles

primary

#B0C4DE - A soft, muted blue-gray, ideal for main content areas, navigation, or foundational UI elements, conveying calm.

secondary

#D8BFD8 - A subtle lavender-gray, excellent for subheadings, borders, or secondary content blocks, adding a touch of softness.

accent

#B0C4DE - The soft blue-gray, used for subtle accents or interactive elements that need to stand out gently.

background

#F5FFFA - A very light, almost pure white, serving as a pristine, airy canvas that enhances readability and a sense of space.

text

A dark charcoal or black for optimal readability on light backgrounds like #F5FFFA.

Accessibility notes

Ensure dark text (e.g., black) on #F5FFFA or #E0FFFF meets WCAG contrast standards.
Avoid using #DCDCDC or #D8BFD8 for small text against similarly light backgrounds due to low contrast.
For critical information, always pair a dark text color (e.g., black) with the lightest background #F5FFFA.
Interactive elements should have distinct hover/focus states, as color contrast among pastels can be low.

Recommended combinations

Pristine Calm

Creates a clean, airy base with subtle cool tones for a minimalist and tranquil design.

#F5FFFA · #B0C4DE · #DCDCDC

Soft Transition

Ideal for soft gradients or layered elements, providing gentle visual separation.

#D8BFD8 · #E0FFFF · #B0C4DE

Subtle Depth

Excellent for card designs or sections where a primary cool tone is softened by a near-white background.

#B0C4DE · #F5FFFA · #DCDCDC

CSS variables

:root {
  --ceramic-glaze-stillness-1: #B0C4DE;
  --ceramic-glaze-stillness-2: #D8BFD8;
  --ceramic-glaze-stillness-3: #E0FFFF;
  --ceramic-glaze-stillness-4: #DCDCDC;
  --ceramic-glaze-stillness-5: #F5FFFA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-glaze-stillness": {
        1: "#B0C4DE",
        2: "#D8BFD8",
        3: "#E0FFFF",
        4: "#DCDCDC",
        5: "#F5FFFA",
      }
    }
  }
}

Hex values

Color 1#B0C4DE

Color 2#D8BFD8

Color 3#E0FFFF

Color 4#DCDCDC

Color 5#F5FFFA

Accessibility

Contrast checker

1:1Fail

1.7:1Fail

1.3:1Fail

1.7:1Fail

1:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

1.6:1Fail

1.3:1Fail

1:1Fail

1.3:1Fail

1.2:1Fail

1.3:1Fail

1.7:1Fail

1:1Fail

1.3:1Fail

Similar palettes

More like Ceramic Glaze Stillness

Ceramic Glaze Stillness

See it in context.

Ready when you are.

Built with Ceramic Glaze Stillness.

How to use Ceramic Glaze Stillness

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Pristine Calm

Soft Transition

Subtle Depth

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Ceramic Glaze Stillness