Back to palettes

Palette

Ceramic Glaze Glow

Smooth, refined grays and warm beiges, reflecting the subtle sheen of handcrafted ceramic glazes.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#FDF5E6#C9D0D6#9EAAB6#6D7A87#44505B

Palette guide

How to use Ceramic Glaze Glow

Overview

The "Ceramic Glaze Glow" palette offers a refined collection of neutral tones, evoking the subtle sheen and earthy elegance of handcrafted ceramics. Featuring the warm beige of #FDF5E6, it gracefully transitions through cool grays like #C9D0D6 and #9EAAB6, culminating in deeper, grounding shades such as #6D7A87 and the robust #44505B. This versatile palette is ideal for designers aiming for a minimalist, sophisticated, or natural aesthetic. Developers will find these colors perfect for creating serene UI backgrounds, clean corporate websites, or sustainable brand identities, ensuring a polished and understated user experience that exudes calm and professionalism.

Best used for

  • Minimalist website design
  • Sustainable product branding
  • Architectural presentations
  • Spa or wellness marketing
  • Modern corporate identities
  • Interior design mood boards

Suggested color roles

primary

#6D7A87 - A mid-tone cool gray, ideal for main content areas, navigation, or strong typography, providing a sense of stability.

secondary

#9EAAB6 - A lighter, softer gray, perfect for subheadings, borders, or secondary information, offering gentle contrast.

accent

#FDF5E6 - A warm, creamy beige, excellent for subtle highlights, call-to-action buttons, or adding a touch of inviting warmth.

background

#FDF5E6 - A soft, warm off-white, serving as a clean, airy canvas that enhances readability and a sense of calm.

text

#44505B - A deep, dark gray, providing excellent contrast for body text on lighter backgrounds like #FDF5E6.

Accessibility notes

  • Ensure #44505B text on #FDF5E6 background meets WCAG contrast standards for optimal readability.
  • Avoid using #9EAAB6 or #C9D0D6 for small text on light backgrounds due to potentially low contrast.
  • The darkest tones, #6D7A87 and #44505B, provide good contrast for white or light-colored text.
  • Use #FDF5E6 as a background for ample contrast with darker text, supporting accessibility.

Recommended combinations

Earthy Minimal

Creates a clean, sophisticated base for content, with a strong dark text contrast.

#FDF5E6 · #9EAAB6 · #44505B

Subtle Depth

Excellent for layered UI elements, where mid-tones provide depth and the lightest acts as an accent.

#C9D0D6 · #6D7A87 · #FDF5E6

Refined Contrast

Ideal for bold headers and clean layouts, emphasizing strong readability and modern aesthetics.

#44505B · #FDF5E6 · #9EAAB6

CSS variables

:root {
  --ceramic-glaze-glow-1: #FDF5E6;
  --ceramic-glaze-glow-2: #C9D0D6;
  --ceramic-glaze-glow-3: #9EAAB6;
  --ceramic-glaze-glow-4: #6D7A87;
  --ceramic-glaze-glow-5: #44505B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ceramic-glaze-glow": {
        1: "#FDF5E6",
        2: "#C9D0D6",
        3: "#9EAAB6",
        4: "#6D7A87",
        5: "#44505B",
      }
    }
  }
}

Related searches

neutral ceramic color paletteminimalist gray beigesubtle earthy tonescraft inspired colorscalm professional web design

Palette colors

Hex values

Color 1#FDF5E6
·
Color 2#C9D0D6
·
Color 3#9EAAB6
·
Color 4#6D7A87
·
Color 5#44505B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.2:1Fail
4.1:1AA18
7.6:1AAA
2
1.4:1Fail
1.5:1Fail
2.8:1Fail
5.3:1AA
3
2.2:1Fail
1.5:1Fail
1.9:1Fail
3.5:1AA18
4
4.1:1AA18
2.8:1Fail
1.9:1Fail
1.9:1Fail
5
7.6:1AAA
5.3:1AA
3.5:1AA18
1.9:1Fail

Similar palettes

More like Ceramic Glaze Glow

View all neutral