Back to palettes

Palette

Verdigris Ceramic Haze

Evokes the subtle beauty of weathered ceramic glazes, with muted blue-greens.

CoolElegant5 colors
More Cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Verdigris Ceramic Haze 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 Verdigris Ceramic Haze.

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

Data visualization

#4A636A#7E96A1#B2C3CA#5D808C#8DABBA

Palette guide

How to use Verdigris Ceramic Haze

Overview

The Verdigris Ceramic Haze palette captures the subtle, weathered elegance of antique glazes with its muted blue-greens and cool grays. Featuring the deep, sophisticated #4A636A and #5D808C, it transitions gracefully to lighter, airy tones like #7E96A1, #8DABBA, and #B2C3CA. This cohesive collection is ideal for designers seeking to evoke a sense of calm, history, and understated luxury. The cool, serene nature of these hues provides a refined backdrop for various applications. Developers can leverage this palette to create user interfaces that feel sophisticated, tranquil, and visually appealing, reflecting a timeless aesthetic.

Best used for

  • High-end pottery or artisan craft websites
  • Interior design portfolios
  • Museum or gallery branding
  • Luxury lifestyle blogs
  • Spa and wellness corporate identity
  • Architectural firm presentations

Suggested color roles

primary

Utilize #4A636A as a sophisticated primary for main headers, backgrounds, or key brand elements, establishing an elegant foundation.

secondary

Apply #5D808C for supporting sections, subheadings, or darker graphical elements, maintaining the muted, cool aesthetic.

accent

Use #7E96A1 for subtle highlights, interactive components, or decorative details, providing a gentle focal point.

background

Employ #B2C3CA for clean, bright backgrounds, ensuring excellent readability and a soft, airy feel.

text

For body text, a dark charcoal or near-black works best. For headings on lighter backgrounds, #4A636A offers strong, elegant contrast.

Accessibility notes

  • Ensure sufficient contrast between #4A636A or #5D808C and #B2C3CA for all text elements.
  • Be cautious when pairing #7E96A1 or #8DABBA with #B2C3CA for small text, as contrast might be too low.
  • Consider using slightly darker text if the background is #8DABBA to meet WCAG AA standards.
  • Always test color combinations with an accessibility checker to guarantee readability for all users.

Recommended combinations

Glaze Depth

Creates a refined and deep visual hierarchy, perfect for elegant headers and content blocks.

#4A636A · #5D808C · #B2C3CA

Hazy Serenity

Ideal for soft, ethereal backgrounds, subtle gradients, or decorative elements needing a light touch.

#7E96A1 · #8DABBA · #B2C3CA

Antique Patina

Offers a balanced cool contrast for sophisticated branding or layered graphical compositions.

#4A636A · #7E96A1 · #8DABBA

CSS variables

:root {
  --verdigris-ceramic-haze-1: #4A636A;
  --verdigris-ceramic-haze-2: #7E96A1;
  --verdigris-ceramic-haze-3: #B2C3CA;
  --verdigris-ceramic-haze-4: #5D808C;
  --verdigris-ceramic-haze-5: #8DABBA;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "verdigris-ceramic-haze": {
        1: "#4A636A",
        2: "#7E96A1",
        3: "#B2C3CA",
        4: "#5D808C",
        5: "#8DABBA",
      }
    }
  }
}

Related searches

muted blue-green paletteverdigris color schemeelegant cool tonesceramic glaze colorsantique muted palette

Palette colors

Hex values

Color 1#4A636A
·
Color 2#7E96A1
·
Color 3#B2C3CA
·
Color 4#5D808C
·
Color 5#8DABBA
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.1:1Fail
3.5:1AA18
1.5:1Fail
2.6:1Fail
2
2.1:1Fail
1.7:1Fail
1.4:1Fail
1.3:1Fail
3
3.5:1AA18
1.7:1Fail
2.3:1Fail
1.3:1Fail
4
1.5:1Fail
1.4:1Fail
2.3:1Fail
1.8:1Fail
5
2.6:1Fail
1.3:1Fail
1.3:1Fail
1.8:1Fail

Similar palettes

More like Verdigris Ceramic Haze

View all Cool