Celadon Porcelain
#7ebea5
Muted pastel blue-green porcelain for airy calm sections
About Celadon Porcelain
Celadon Porcelain sits right at the edge where teal tips into green, but it doesn't commit to either. It's lighter than Cockatoo and way less saturated than Cabbage, the kind of color that feels like it's been through a wash cycle, softer without going pale. There's still real presence here, just gentler temperature control than its bluer neighbors.
Reach for this in health apps, design systems, and product interfaces where you need secondary surfaces that read as intentional. Think card backgrounds, subtle dividers, disabled states, anything that should feel considered but not draw focus. It pairs cleaner with warm grays than Cockatoo does because it hasn't got that punch, and it won't flatten the way Bevelled Glass sometimes does on darker screens. The slight green undertone keeps it from drifting toward pure gray-blue.
One thing: test it early on your actual background colors. It's light enough that monitor shifts will move it noticeably, and what reads fresh and cool on one display can tip slightly warmer on another. Pairs well with dark charcoal type and holds its own against mid-tone backgrounds without needing perfect contrast to land.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
Similar colors
Create a gradient with Celadon Porcelain
Open the generator with this color pre-loaded.
Start creating